@charset "utf-8";
@media only screen and (min-width: 800px) {
body::-webkit-scrollbar {
 width: 5px;
 height: 5px;
 background-color: #fff;
}
  
/*定义滚动条轨道 内阴影+圆角*/  
body::-webkit-scrollbar-track {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background: #fff;
}
  
/*定义滑块 内阴影+圆角*/  
body::-webkit-scrollbar-thumb {
 -webkit-border-radius: 0px;
         border-radius: 0px;
 background-color:#003f98;
}
}
 /*=========
  基本默认值
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-word-break: normal !important;
    word-break: normal !important;
    word-wrap: break-word !important;
}
html{
	height: 100vh;
}
html,body{ 
	-webkit-overflow-scrolling : touch;/*苹果手机端滑动卡屏*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color:transparent;/*手机端点击底部出现背景*/
    width: 100%;
	
    min-width: 320px;
	font-size: 12px;
}
body {
	overflow-y: auto;
	color: #000;
	font-family:"Arial","sans-serif";
	background-color: #ebf0f3;
}


/** Generated by FG **/
@font-face {
	font-family: 'ziti';
	src: url('../fonts/DIN-Light.eot');
	src: local('☺'), url('../fonts/DIN-Light.woff') format('woff'), url('../fonts/DIN-Light.ttf') format('truetype'), url('../fonts/DIN-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ziti1';
	src: url('../fonts/TT0246M.eot');
	src: local('☺'), url('../fonts/TT0246M.woff') format('woff'), url('../fonts/TT0246M.ttf') format('truetype'), url('../fonts/TT0246M.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



li{
	list-style: none;
}
img {
	border: none;
	vertical-align: top;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	transition: all .5s; 
}
::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	transition: all .5s;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; 
}
table {
	border-collapse: collapse;
}
table a:hover{
	color: #183884;
}
input, textarea,select {
	font-family: "Arial","sans-serif";
	font-size: 12px;
	outline: none;
    appearance:none; /*清楚表单默认样式*/
    -moz-appearance:none;
    -webkit-appearance:none;
}
/** 文本输入框的 X  **/input::-ms-clear{display: none;}
/** 密码输入框的 X  **/input::-ms-reveal{display: none;}

/*94%的内容*/
.wrap{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    position: relative;
}
.wrap1{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    position: relative;
}
.wrap2{
 	width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    position: relative;
}

/*图片通用样式*/
.img-common{
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
	-webkit-background-size: cover;
}
/*清楚浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}
/*Flex居中样式*/
.flex-center{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
     justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
     align-items: center;
}
/*动画*/
.donghua {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}
/*文字溢出*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.ellipsis2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ellipsis3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ellipsis4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}


.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../img/share/icons_0_16.png?v=ba7acbd3.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}

.imgbox{
	overflow: hidden;
	position: relative;
	display: block;
}
.out-box{
	position: relative;
	overflow: hidden;
}
.mejs-container .mejs-controls .mejs-fullscreen-button button{
    position: absolute;
    right: 0;
    top: 0;
}
.swiper-pagination-bullet{
	outline: none;
	cursor: pointer;
}
.en{
	text-transform:uppercase;
}
.btn{
	outline: none;
}
.swiper-container{
	height: auto;
}
.swiper-container .swiper-wrapper{
	height: auto;
}
.swiper-container .swiper-wrapper .swiper-slide{
	height: auto;
}

/* =========

    导航

 ========= */
.headerbox{
	height: 90px;
}
.headerbox .header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 111;
	height: 90px;
}
.headerbox.down .header{
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.headerbox .header .logo{
	display: block;
	width: 132px;
	height: 90px;
	position: relative;
	float: left;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
	-o-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
	-moz-transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
	transition: all .7s cubic-bezier(.52, 1.64, .37, .66);
}
.headerbox[data-on='on'] .header .logo{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}
.headerbox .header .logo img{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

/*电话*/
.headerbox .header .langbox{
	margin-left: 20px;	
	height: 90px;
	float: right;
	position: relative;
}
.headerbox .header .langbox .inbox{
	width: 100%;
	position: relative;
}
.headerbox .header .langbox .inbox .lang{
	width: 80px;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-size: 13px;
	color: #2c395f;
	padding: 0 10px;
	font-weight: bold;
	background-color: #fff;
	border:1px solid #2c395f;
	border-radius: 10px;
	cursor: pointer;
	z-index: 11;
}
.headerbox .header .langbox .inbox[data-on="on"] .lang{
	border-radius: 0;
}
.headerbox .header .langbox .inbox .lang:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #2c395f #2c395f transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	transform: rotate(45deg);
}
.headerbox .header .langbox .inbox .qie{
	position: absolute;
	display: block;
	left: 0;
	top: 100%;
	width: 100%;
	/*width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #2c395f;
	padding: 0 10px;*/
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	border-color:transparent #2c395f #2c395f #2c395f;
	transform: scaleY(0);
	transform-origin: left top;
}
.headerbox .header .langbox .inbox .qie li{
	border-bottom: 1px solid #2c395f;
}
.headerbox .header .langbox .inbox .qie li:last-child{
	border-bottom: none;
}
.headerbox .header .langbox .inbox .qie .en{
	/*position: absolute;
	display: block;
	left: 0;
	top: 100%;*/
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #2c395f;
	padding: 0 10px;
	display: block;
	/*border-style: solid;
	border-width: 1px;
	background-color: #fff;
	border-color:transparent #2c395f #2c395f #2c395f;
	transform: scaleY(0);
	transform-origin: left top;*/
}
.headerbox .header .langbox .inbox[data-on="on"] .qie{
	transform: scaleY(1);
}
.headerbox .header .sico{
	float: right;
	width: 23px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sico_03.png);
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
	cursor: pointer;
}
/*导航*/
.headerbox .header .navbox{
	float: right;
	position: relative;
}
.headerbox .header .navbox .nav-list{
	font-size: 0;
}
.headerbox .header .navbox .nav-list .lin{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 10px;
	position: relative;
	margin-right: 40px;
}
.headerbox .header .navbox .nav-list .lin:after{
	content: "";
	width: 0;
	height: 6px;
  background: -webkit-linear-gradient(left, #183884 , #01afee); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #183884, #01afee); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #183884, #01afee); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #183884 , #01afee); /* 标准的语法 */
	position: absolute;
	left: 0;
	bottom: 0;
}
.headerbox .header .navbox .nav-list .lin.on:after{
	width: 100%;
}
.headerbox .header .navbox .nav-list .lin .a{
	display: block;
	font-size: 15px;
	color: #2c395f;
		height: 90px;
	line-height: 90px;
}
.headerbox .header .nav-list .lin.on .a{
	color: #003f98;
		font-weight: bold;	
}
.headerbox .header .navbox .nav-list .lin .psub{
	position: fixed;
	left: 50%;
	top: 90px;
	transition: all .3s ease;
	transform: translateX(-50%) scaleY(0);
	transform-origin: left top;
	width: 100vw;
	padding: 35px 0;
	z-index: 111;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/pgp_02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem{
	width: 	calc((100% - 270px) / 4);
	margin-right: 90px;
	margin-bottom: 30px;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem:nth-child(4n){
	margin-right: 0;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .theme{
	font-size: 18px;
	color: #003f98;
	padding-left: 20px;
	line-height: 22px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/ll_03.jpg);
	margin-bottom: 20px;
	display: block;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu{
	padding-top: 10px;
	border-top:1px solid #e4e4e4;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle{
	font-size: 15px;
	color: #253241;
	padding-left: 10px;
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	line-height: 2;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .mtitle.more{
	display: block;
	font-size: 15px;
	color: #003f98;
	margin-top: 5px;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle:after{
	content: "";
	width: 5px;
	height: 1px;
	background-color: #253241;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub{
	display: none;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm[data-on="on"] .sub{
	display: block;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub .ss{
	font-size: 13px;
	color: #747474;
	padding-left: 10px;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .sub .ss:after{
	content: "";
	width: 5px;
	height: 1px;
	background-color: #747474;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/*下拉菜单*/
.headerbox .header .navbox .nav-list .lin .nsub{
	width: 270px;
	background-color: #fff;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -10px;
	z-index: 112;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform-origin: left top;
	   -moz-transform-origin: left top;
	    -ms-transform-origin: left top;
	     -o-transform-origin: left top;
	        transform-origin: left top;
	-webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	     -o-transform: scaleY(0);
	        transform: scaleY(0);
	        	border:1px solid #c0c5c9;
}
.headerbox .header .navbox .nav-list .lin .nsub:before{
	content: "";
	width: 4px;
	height: calc(100% - 4px);
	background-color: rgba(255,255,255,.5);
	position: absolute;
	left: 100%;
	top: 4px;
}
.headerbox .header .navbox .nav-list .lin .nsub:after{
	content: "";
	width: 100%;
	height: 4px;
	background-color: rgba(255,255,255,.5);
	position: absolute;
	left: 4px;
	top: 100%;
}
.headerbox .header .navbox .nav-list .lin .nsub .nn{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-size: 14px;
	color: #183884;
}


/*搜索*/
.headerbox .header .navbox .searchbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: all .3s ease;
	transform-origin: right top;
	transform:scaleX(0);
}
.headerbox .header .navbox[data-on="on"] .searchbox{
	transform:scaleX(1);
}
.headerbox .header .navbox .searchbox form{
	width: 94%;
	max-width: 600px;
	position: relative;
	border-bottom: 2px solid #000;
}
.headerbox .header .navbox .searchbox form input[type="text"]{
	border:none;
	height: 35px;
	width: 100%;
	padding: 0 40px 0 10px;
	background-color: transparent;
}
.headerbox .header .navbox .searchbox form input[type="submit"]{
	width: 35px;
	height: 35px;
	position: absolute;
	right: 6px;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sico.png);
	-webkit-background-size: 17px auto;
	-moz-background-size: 17px auto;
	  -o-background-size: 17px auto;
	     background-size: 17px auto;
	background-color: transparent;
	border:none;
	cursor: pointer;
}



.head-menu{
	display: none;
}



@media only screen and (min-width: 601px){
.headerbox .header .nav-list .lin:hover .a{
	color: #003f98;
		font-weight: bold;	
}
.headerbox .header .nav-list .lin:hover:after{
	width: 100%;
}
.headerbox .header .nav-list .lin:hover .nsub{
	-webkit-transform: scaleY(1);
	   -moz-transform: scaleY(1);
	    -ms-transform: scaleY(1);
	     -o-transform: scaleY(1);
	        transform: scaleY(1);
}
.headerbox .header .navbox .nav-list .lin .nsub .nn:hover{
	background-color: #003f98;
	color: #fff;
}
.head-menu .menu-box .mlist .lim:hover{
	background-color: #003f98;
}
.head-menu .menu-box .mlist .lim:hover .word{
	color: #fff;
}
.headerbox .header .navbox .nav-list .lin:hover .psub{
	transform: translateX(-50%) scaleY(1);
}
.headerbox .header .navbox .nav-list .lin .psub .pinbox .pitem .menu .mm .mtitle:hover{
	color: #003f98;
}
}
@media only screen and (max-width: 1360px){
.headerbox{
	height: 70px;
}
.headerbox .header{
    height: 70px;
}
.headerbox .header .logo{
	width: 103px;
	height: 70px;
}
.headerbox .header .navbox .nav-list .lin{
	margin-right: 20px;
}
.headerbox .header .navbox .nav-list .lin .a{
	height: 70px;
	line-height: 70px;
}
.headerbox .header .sico{
	height: 70px;
}
.headerbox .header .langbox{
	height: 70px;
}
.headerbox .header .navbox .nav-list .lin .psub{
	top: 70px;
}
}
@media only screen and (max-width: 1280px){
.headerbox{
    height: 60px;
}
.headerbox .header{
    height: 60px;
}
.headerbox .header .logo{
	width: 88px;
	height: 60px;
}
.headerbox .header .navbox .nav-list .lin:after{
	height: 3px;
}
.headerbox .header .navbox .nav-list .lin .a{
	height: 60px;
	line-height: 60px;
}
.headerbox .header .sico{
	height: 60px;
}
.headerbox .header .langbox{
	height: 60px;
}
.headerbox .header .navbox .nav-list .lin .psub{
	top:60px;
}
}
@media only screen and (max-width: 1024px){
.headerbox .header .navbox .nav-list .lin .psub{
	top: 50px;
}
.headerbox{
    height: 50px;
}
.headerbox .header{
    height: 50px;
}
.headerbox .header .logo{
	width: 73px;
	height: 50px;
}
.headerbox .header .nav-list{
	display: none;
}
.headerbox .header .navbox .searchbox{
	position: relative;
}
.headerbox .header .navbox .searchbox form input[type="text"]{
	height: 25px;
}
.headerbox .header .navbox .searchbox form input[type="submit"]{
	width: 25px;
	height: 25px;
}
.headerbox .header .sico{
	height: 50px;
}
.headerbox .header .langbox{
	height: 50px;
}
.headerbox .header .mmbtn .inbox{
	padding-top: 22px;
	font-size: 0;
	width: 25px;
}


/*按钮*/
.headerbox .header .mmbtn{
	float: right;
	margin-left: 30px;
	width: 25px;
	height: 50px;
}
.headerbox .header .mmbtn .inbox{
	font-size: 0;
	width: 25px;
	position: relative;
}
.headerbox .header .mmbtn .inbox .line{
	width: 100%;
	height: 2px;
	background-color: #183884;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.headerbox .header .mmbtn .inbox .line.l2{
	top: 8px;
	left: 0;
	right: auto;
}
.headerbox .header .mmbtn .inbox .line.l3{
	top: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
/*menu*/
.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.35);
	left: 0;
	top: 0;
	z-index: 112;
	display: none;
}
.head-menu{
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height:100%;
	max-width: 360px;
	background-color: #fff;
	z-index: 113;
	overflow: hidden;
	  background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));
  background: -moz-linear-gradient(top, #fff , #eef2f5);
  background: -o-linear-gradient(top, #fff , #eef2f5);
  background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
}
.head-menu[data-on="on"]{
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
	visibility: visible;
}
.head-menu .toolbox{
	height: 50px;
	border-bottom: 1px solid #e6e6e6;
}
.head-menu .toolbox .tool{
	width: 94%;
	max-width: 260px;
	padding-right: 40px;
	position: relative;
}
.head-menu .toolbox .mmclose{
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	cursor: pointer;
}
.head-menu .toolbox .mmclose:before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #183884;
	position: absolute;
	left:50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	   -moz-transform: translate(-50%,-50%) rotate(45deg);
	    -ms-transform: translate(-50%,-50%) rotate(45deg);
	     -o-transform: translate(-50%,-50%) rotate(45deg);
	        transform: translate(-50%,-50%) rotate(45deg);
}
.head-menu .toolbox .mmclose:after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #183884;
	position: absolute;
	left:50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	   -moz-transform: translate(-50%,-50%) rotate(-45deg);
	    -ms-transform: translate(-50%,-50%) rotate(-45deg);
	     -o-transform: translate(-50%,-50%) rotate(-45deg);
	        transform: translate(-50%,-50%) rotate(-45deg);
}
.head-menu .toolbox .tool .searchbox{
	max-width: 180px;
}
.head-menu .toolbox .tool .searchbox form{
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    position: relative;
}
.head-menu .toolbox .tool .searchbox form input[type="text"]{
	width: 100%;
	height: 30px;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    border:none;
    padding: 0 40px 0 10px;
	background-color: #f0f0f0;
	font-size: 13px;
	color: #aaaaaa;
}
.head-menu .toolbox .tool .searchbox form input[type="submit"]{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 6px;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/sico.png);
    -webkit-background-size: 17px auto;
    -moz-background-size: 17px auto;
      -o-background-size: 17px auto;
         background-size: 17px auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.head-menu .menu-box{
	height: -webkit-calc(100% - 50px);
	height: -moz-calc(100% - 50px);
	height: calc(100% - 50px);
	position: relative;
}
.head-menu .menu-box .wrap{
	max-width: 260px;
}
.head-menu .menu-box .mlist .lim{
	height: 40px;
	line-height: 40px;
	display: block;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.head-menu .menu-box .mlist .lim .word{
	font-size: 18px;
	color: #1a1a1a;
	margin: 0 auto;
	width: 94%;
	max-width: 260px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.head-menu .menu-box .inbox{
	padding-top: 30px;
	height: 100%;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
     justify-content: space-between;
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
        -ms-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.head-menu .menu-box .inbox[data-on="on"]{
    -webkit-transform: scaleX(0);
       -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
         -o-transform: scaleX(0);
            transform: scaleX(0);
	opacity: 0;
	visibility: hidden;
}
.head-menu .menu-box .inbox .contact{
	margin-bottom: 50PX;
}
.head-menu .menu-box .inbox .contact .bt{
	font-size: 12px;
	color: #183884;
	margin-bottom: 10px;
}
.head-menu .menu-box .inbox .contact .desc{
	font-size: 12px;
	color: #1a1a1a;
	line-height: 30px;
	margin-bottom: 30px;
}
.head-menu .menu-box .inbox .contact .wxcode{
	width: 100px;
	height: 100px;
}
.head-menu .menu-box .outbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 115;
    -webkit-transform: scaleX(0);
       -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
         -o-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.head-menu .menu-box .outbox[data-on="on"]{
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
         -o-transform: scaleX(1);
            transform: scaleX(1);
	opacity: 1;
	visibility: visible;
}
.head-menu .menu-box .outbox .inbtn{
	height: 50px;
	line-height: 50px;
	background-color: #183884;
	margin-bottom: 20px;
	cursor: pointer;
}
.head-menu .menu-box .outbox .inbtn .ww{
	max-width: 260px;
	width: 94%;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
}
.head-menu .menu-box .outbox .inbtn .ww span{
	width: 20px;
	height: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.head-menu .menu-box .outbox .inbtn .ww span:before{
	content: "";
	border-style: solid;
	border-width:2px 3px; 
	border-color: transparent #fff transparent transparent;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
.head-menu .menu-box .outbox .inbtn .ww span:after{
	content: "";
	width: 20px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.head-menu .menu-box .outbox .mlist .lim .word{
	font-size: 16px;
}
}
@media only screen and (max-width: 414px){
.headerbox .header .sico{
	display: none;
}
.headerbox .header .navbox{
	display: none;
}
.headerbox .header .navbox[data-on="on"] .searchbox{
	display: none;
}
.head-menu{
	max-width: none;
}
.head-menu .menu-box .inbox{
	padding-top: 3%;
}
.head-menu .toolbox .tool{
	max-width: none;
}
.head-menu .toolbox .tool .searchbox{
	max-width: none;
}
.head-menu .toolbox .tool .searchbox form input[type="text"]{
	height: 30px;
}
.head-menu .toolbox .tool .searchbox form input[type="submit"]{
	width: 30px;
	height: 30px;
}
.head-menu .menu-box .mlist .lim{
	height: 40px;
	line-height: 40px;
}
.head-menu .menu-box .mlist .lim .word{
	max-width: none;
	font-size: 18px;
}
.head-menu .menu-box .wrap{
	max-width: none;
}
.head-menu .menu-box .inbox .contact{
	margin-bottom: 5%;
}
.head-menu .menu-box .outbox .inbtn{
	margin-bottom: 3%;
}
.head-menu .menu-box .outbox .inbtn .ww{
	max-width: none;
}
}




/* =========

    首页

 ========= */

/*首页轮播图*/
.banner-swiper .swiper-slide{
	overflow: hidden;
}
.banner-swiper .swiper-slide .banner{
	padding-top: calc(710 / 1920 * 100%);
	display: block;
	transition: all 3s ease;
}
.banner-swiper .swiper-slide .banner.phone{
	display: none;
}
.banner-swiper .swiper-slide.swiper-slide-active .banner{
	transform: scale(1);
}
.banner-swiper .banner-pagination{
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	z-index: 11;
	text-align: center;
}
.banner-swiper .banner-pagination .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	background-color: #fff;
	opacity: 1;
	margin: 0 20px;
}
.banner-swiper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #003f98;
}
@media only screen and (max-width: 414px){
.banner-swiper .swiper-slide .banner.pc{
	display: none;
}
.banner-swiper .swiper-slide .banner.phone{
	display: block;
	padding-top: 0;
	height: 35vh;
}
.banner-swiper .banner-pagination{
	bottom: 5%;
}
.banner-swiper .banner-pagination .swiper-pagination-bullet{
	margin: 0 6px;
	width: 6px;
	height: 6px;
}
}

/*首页产品类别*/
.inpclass-bg{
	padding-bottom: 80px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/inp_02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.inpclass-bg .themebox{
	padding: 30px 0;
	position: relative;
	text-align: center;
}
.inpclass-bg .themebox .theme{
	line-height: 50px;
	font-size: 	30px;
	color: 	#2c395f;
}
.inpclass-bg .themebox .old{
	width: 290px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	font-size: 14px;
	color: #245caa;
	font-weight: bold;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/old_03.png);
	-webkit-background-size: cover;
	background-size: cover;
}
.inpclass-bg .pclassbox .twobox{
	width: 380px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.inpclass-bg .pclassbox .simg{
	transition: all .5s ease;
}
.inpclass-bg .pclassbox .imgbox .title{
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 20px;
	padding: 0 3%;
	text-align: center;
	width: 100%;
}
.inpclass-bg .pclassbox .twobox.right{
	margin-right: 0;
}
.inpclass-bg .pclassbox .twobox .imgbox .simg{
	height: 300px;
}

.inpclass-bg .pclassbox .bigbox{
	width: calc(100% - 800px);
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.inpclass-bg .pclassbox .bigbox .imgbox .simg{
	height: 600px;
}

.inpclass-bg .pclassbox .bottombox .imgbox{
	width: calc((100% - 420px) / 2);
	margin-right: 20px;
	float: left;
}
.inpclass-bg .pclassbox .bottombox .imgbox .simg{
	height: 300px;
	position: relative;
}
.inpclass-bg .pclassbox .bottombox .imgbox:last-child{
	width: 380px;
	margin-right: 0;
}
.inpclass-bg .pclassbox .bottombox .imgbox .simg .all{

}

@media only screen and (min-width: 601px){
.inpclass-bg .pclassbox .imgbox:hover .simg{
	transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px){
.inpclass-bg{
	padding-bottom: 60px;
}
.inpclass-bg .pclassbox .twobox{
	width: 100%;
	float: none;
	margin-right: 0;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.inpclass-bg .pclassbox .twobox .imgbox{
	width: calc((100% - 20px) / 2);
}
.inpclass-bg .pclassbox .twobox .imgbox .simg{
	height: auto;
	padding-top: calc(300 / 380 * 100%);
}
.inpclass-bg .pclassbox .bigbox{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	float: none;
	width: 100%;
	max-width: 600px;
}
.inpclass-bg .pclassbox .bigbox .imgbox .simg{
	height: auto;
	padding-top: 100%;
}
}
@media only screen and (max-width: 1024px){
.inpclass-bg{
	padding-bottom: 30px;
}
.inpclass-bg .themebox{
	padding: 20px 0;
}
.inpclass-bg .themebox .theme{
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 10px;
	display: block;
}
.inpclass-bg .themebox .old{
	position: relative;
	transform: translateY(0);
	margin: 0 auto;
}
.inpclass-bg .pclassbox .bottombox .imgbox{
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
}
.inpclass-bg .pclassbox .bottombox .imgbox .simg{
	height: auto;
	padding-top: calc(300 / 380 * 100%);
}
.inpclass-bg .pclassbox .bottombox .imgbox:nth-child(2){
	margin-right: 0;
}
.inpclass-bg .pclassbox .bottombox .imgbox:last-child{
	width: calc((100% - 20px) / 2);
}
}
@media only screen and (max-width: 414px){
.inpclass-bg{
	padding-bottom: 5%;
}
.inpclass-bg .pclassbox .twobox{
	margin-bottom: 0;
	    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.inpclass-bg .pclassbox .twobox .imgbox{
	width: 100%;
	margin-bottom: 20px;
}
.inpclass-bg .pclassbox .bottombox .imgbox{
	width: 100%;
}
.inpclass-bg .pclassbox .bottombox .imgbox:last-child{
	width: 100%;
}
.inpclass-bg .themebox .theme{
	font-size: 18px;
}
.inpclass-bg .pclassbox .imgbox .title{
	font-size: 16px;
}
}




/*首页宣传片*/
.inmsgbox{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.inmsgbox .mitem{
	width: 50%;
	position: relative;
	    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.inmsgbox .mitem .videobox{
	height: 530px;
	position: relative;
}
.inmsgbox .mitem .videobox .mejs-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.inmsgbox .mitem .videobox .mejs-container img{
	display: block;
}
.inmsgbox .mitem .videobox iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.inmsgbox .mitem .text{
	position: absolute;
	top: 0;
	width: 100%;
	padding: 50px;
	z-index: 11;
}
.inmsgbox .mitem .text .title{
	font-size: 30px;
	color: #ffffff;
	display: block;
}
.inmsgbox .mitem .imgbox{
	height: 100%;
	position: absolute;
	top: 0;left: 0;width: 100%;
}
.inmsgbox .mitem .imgbox .mimg{
	height: 100%;
}
.inmsgbox .mitem:nth-child(2) .text{
	height: 100%;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.inmsgbox .mitem:nth-child(2) .text .main .bt{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}
.inmsgbox .mitem:nth-child(2) .text .main .demo{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 15px;
    max-width: 500px;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail{
	display: block;
	width: 126px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	cursor: pointer;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail span{
	padding-right: 20px;
	font-size: 15px;
	color: #183884;
	position: relative;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail span:after{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #183884 #183884 transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -4px;
	transform: rotate(45deg);
}
@media only screen and (min-width: 601px){
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover{
	background-color: #183884;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span{
	color: #fff;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span:after{
	border-color: #fff #fff transparent transparent;
}
}
@media only screen and (max-width: 1024px){
.inmsgbox{
	    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.inmsgbox .mitem{
	width: 100%;
}
.inmsgbox .mitem .videobox{
	height: auto;
	padding-top: calc(530 / 960 * 100%);
}
.inmsgbox .mitem .imgbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.inmsgbox .mitem:nth-child(2) .text{
	position: relative;
	padding: 30px;
}
.inmsgbox .mitem .text .title{
	font-size: 24px;
	margin-bottom: 20px;
}
}
@media only screen and (max-width: 414px){
.inmsgbox .mitem:nth-child(2) .text{
	padding: 5% 3%;
}
.inmsgbox .mitem .text .title{
	font-size: 20px;
}
.inmsgbox .mitem:nth-child(2) .text .main .bt{
	font-size: 16px;
	font-weight: normal;
}
}

/*我们的优势*/
.insoft-bg{
	background-color: #192532;
}
.insoft-bg .theme{
	height: 160px;
	line-height: 160px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.insoft-bg .insoft-main{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
            position: relative;
}
.insoft-bg .insoft-main:after{
	content: "";
	width: 1600px;
	position: absolute;
	left: 50%;
	top: 130px;
	height: 2px;
	background-color: #3a4550;
	transform: translateX(-50%);
}
.insoft-bg .insoft-main .mitem{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: -webkit-calc((100% - 900px) / 3);
    width: -moz-calc((100% - 900px) / 3);
    width: calc((100% - 900px) / 3);
    height: 630px;
    position: relative;
    overflow-x: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
     justify-content: center;
}
.insoft-bg .insoft-main .mitem[data-on="on"]{
	width: 900px;
	-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
     justify-content: flex-start;
}
.insoft-bg .insoft-main .mitem .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.insoft-bg .insoft-main .mitem .box{
	z-index: 11;
	position: absolute;
	left: 50%;
	top:50%;
	height: 94%;
	width: 800px;
	max-height: 450px;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	text-align: center;
	overflow: hidden;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box{
	text-align: left;
	height: auto;
}
.insoft-bg .insoft-main .mitem .box .ico{
	width: 76px;
	height: 76px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 30px;
}
.insoft-bg .insoft-main .mitem .box .titlebox{
	margin: 0 auto;
	width: 50px;
	overflow: hidden;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box .titlebox{
		margin-bottom: 20px;
	width: auto;
	height: auto;

}
.insoft-bg .insoft-main .mitem .box .titlebox .cn{
	font-size: 18px;
	width: 18px;
	color: #fff;
	line-height: 1.1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box .titlebox .cn{
	float: none;
	width: 100%;
}
.insoft-bg .insoft-main .mitem .box .demo{
	width: 310px;
	font-size: 14px;
	color: #ffffff;
	line-height: 2;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
	display: none;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box .demo{
	display: block;
}
.insoft-bg .insoft-main .mitem .link{
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	border: 1px solid #ffffff;	
	display: block;
	margin-top: 50px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.insoft-bg .insoft-main .mitem .link:before{
	content: "";
	width: 1px;
	height: 18px;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	z-index: 12;
}
.insoft-bg .insoft-main .mitem .link:after{
		content: "";
	width: 1px;
	height: 18px;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 50%;
	transform:translate(-50%,-50%) rotate(90deg);
-ms-transform:translate(-50%,-50%) rotate(90deg); 	/* IE 9 */
-moz-transform:translate(-50%,-50%) rotate(90deg); 	/* Firefox */
-webkit-transform:translate(-50%,-50%) rotate(90deg); /* Safari 和 Chrome */
-o-transform:translate(-50%,-50%) rotate(90deg); 	/* Opera */
	z-index: 12;
}
.insoft-bg .insoft-main .mitem[data-on="on"] .box .link{
	margin-top: 96px;
	margin-left:0;
}
.insoft-bg .mminsoft-main{
	display: none;
}

@media only screen and (min-width: 601px){
.insoft-bg .insoft-class .classbox .item:hover{
	color: #00aff0;
}
}
@media only screen and (max-width:1600px){
.insoft-bg .insoft-class {
    padding: 60px 0;
}
}
@media only screen and (max-width:1440px){
.insoft-bg .insoft-class {
    padding: 40px 0;
}
.insoft-bg .theme{
	height: 120px;
	line-height: 120px;
}
}
@media only screen and (max-width:1280px){
.insoft-bg .insoft-main .mitem{
    height: 560px;
}
.insoft-bg .theme{
	height: 100px;
	line-height: 100px;
}
}
@media only screen and (max-width:1024px){
.insoft-bg .theme{
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	font-weight: normal;
}
.insoft-bg .insoft-main{
	display: none;
}
.insoft-bg .mminsoft-main{
	display: block;
	background-color: #0e1e33;
}
.insoft-bg .mminsoft-main .item{
	width: -webkit-calc(100% / 2);
	width: -moz-calc(100% / 2);
	width: calc(100% / 2);
	float: left;
	position: relative;
}
.insoft-bg .mminsoft-main .item .color{
	padding-top: 100%;
	background-color: #006fa5;
}
.insoft-bg .mminsoft-main .item:nth-child(2) .color{
	background-color: #004b97;
}
.insoft-bg .mminsoft-main .item:nth-child(3) .color{
	background-color: #003965;
}
.insoft-bg .mminsoft-main .item:nth-child(4) .color{
	background-color: #0e1e33;
}
.insoft-bg .mminsoft-main .item .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.insoft-bg .mminsoft-main .item .main .inbox{
	width: 100%;
}
.insoft-bg .mminsoft-main .item .main .ico{
	width: 40px;
	height: 40px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 6%;
}
.insoft-bg .mminsoft-main .item .main .title {
	margin-bottom: 6%;
}
.insoft-bg .mminsoft-main .item .main .title .cn{
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.insoft-bg .mminsoft-main .item .main .title .en{
	font-size: 1rem;
	color: rgba(255,255,255,.5);
}
.insoft-bg .mminsoft-main .item .main .link{
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
}	
.insoft-bg .mminsoft-main .item .main .link:before{
	content: "";
	width: 20px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -1px;
}
.insoft-bg .mminsoft-main .item .main .link:after{
		content: "";
	width: 2px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1px;
	margin-top: -10px;
}
}
@media only screen and (max-width:800px){
.insoft-bg .insoft-class .classbox {
	white-space: nowrap;
}
.insoft-bg .insoft-class .classbox .item {
    min-width: auto;
    padding: 0 15px;
}
}
@media only screen and (max-width:414px){
.insoft-bg .theme{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}
.insoft-bg .insoft-class{
	position: relative;
}
.insoft-bg .insoft-class .word{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	min-width: 140px;
	padding-right: 40px;
	position: relative;
	height: 30px;
line-height: 30px;
	border:1px solid #fff;
	font-size: 1.16rem;
	color: #00aff0;
}
.insoft-bg .insoft-class .word:after{
	content: "";
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/bjt.png);
	-moz-background-size: 30px;
	     background-size: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.insoft-bg .insoft-class .classbox{
	position: absolute;
	left:0;
	top: 70px;
	z-index: 111;
	width: 100%;
	background-color: #000d1e;
	display: none;
}
.insoft-bg .insoft-class .classbox .item{
	display: block;
	border-right: none;
	border-bottom: 1px solid #fff;
}
.insoft-bg .mminsoft-main .item .main .ico {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
}
.insoft-bg .mminsoft-main .item .main .title .cn {
    font-size: 1.16rem;
    margin-bottom: 5px;
}
.insoft-bg .mminsoft-main .item .main .title {
    margin-bottom: 10px;
}
.insoft-bg .mminsoft-main .item .main .link {
    height: 25px;
    width: 25px;
}
.insoft-bg .mminsoft-main .item .main .link:before{
	width: 10px;
	margin-left: -5px;
}
.insoft-bg .mminsoft-main .item .main .link:after{
	height: 10px;
	margin-top: -5px;
}
}


/*首页新闻*/
.innews-bg{
	padding-top: 50px;
	padding-bottom: 80px;
	background-color: #fff;
}
.innews-bg .themebox{
	height: 60px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.innews-bg .themebox .theme{
	font-size: 28px;
	color: #2c395f;
	font-weight: bold;
}
.innews-bg .themebox .all{
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #183884;
	border-radius: 50px;
	position: relative;
}
.innews-bg .themebox .all:after{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50px;
	border:1px solid #183884;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
}
.innews-bg .themebox .all span{
	position: relative;
	padding-right: 16px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.innews-bg .themebox .all span:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #fff transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    transform: rotate(45deg);
}
.innews-bg .innews-swiper .swiper-slide .imgbox{
	margin-bottom: 10px;
}
.innews-bg .innews-swiper .swiper-slide .imgbox .nimg{
	/*padding-top: calc(213 / 370 * 100%);*/
	padding-top: calc(150 / 275 * 100%);
}
.innews-bg .innews-swiper .swiper-slide .time{
	font-size: 14px;
	color: #a2a2a2;
	line-height: 24px;
}
.innews-bg .innews-swiper .swiper-slide .title{
	font-size: 18px;
	color: #2c395f;
	line-height: 28px;
	height: 56px;
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
.innews-bg .innews-swiper .swiper-slide .more{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	padding-right: 15px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #183884;
	font-weight: bold;
}
.innews-bg .innews-swiper .swiper-slide .more:after{
    content: "";
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #183884 #183884 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    transform: rotate(45deg);
}
@media only screen and (min-width: 601px){
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover{
	background-color: #183884;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span{
	color: #fff;
}
.inmsgbox .mitem:nth-child(2) .text .main .detail:hover span:after{
	border-color: #fff #fff transparent transparent;
}
.innews-bg .themebox .all:hover{
	background-color: #fff;
}
.innews-bg .themebox .all:hover:after{
	transform: translate(-50%,-50%) scale(1);
}
.innews-bg .themebox .all:hover span{
	color: #183884;
}
.innews-bg .themebox .all:hover span:after{
    border-color: #183884 #183884 transparent transparent;
}
.innews-bg .innews-swiper .swiper-slide:hover .imgbox .nimg{
	transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px){
.innews-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.innews-bg {
    padding-top: 30px;
    padding-bottom: 50px;
}
.innews-bg .innews-swiper .swiper-slide .title{
	font-size: 16px;
}
.innews-bg .themebox .theme{
	font-size: 24px;
}
}
@media only screen and (max-width: 414px){
.innews-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.innews-bg .themebox .theme{
	font-size: 20px;
}
.innews-bg .themebox .all {
    height: 30px;
    line-height: 30px;
}
}



/* =========

    通用内页大图

 ========= */
.allpage-banner{
	position: relative;
	overflow: hidden;
}
.allpage-banner .md{
	position: absolute;
	bottom: 90px;
}
.allpage-banner .abanner{
	height: 500px;
}
.allpage-banner.about .abanner{
	height: 700px;
}
.allpage-banner .theme{
	max-width: 1200px;
	position: absolute;
	left: 50%;
	top: 0;
	padding: 50px 0;
	transform: translateX(-50%);
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.allpage-banner .theme .num{
	width: 100px;
	font-size: 70px;
	color: #fff;
	font-family: "ziti1";
    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1
}
.allpage-banner .theme .title{
	width: calc(100% - 100px);
	padding-left: 45px;
	position: relative;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.allpage-banner .theme .title:after{
	content: "";
    width: 5px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%) rotate(20deg);
    transform-origin: left bottom;
}
.allpage-banner .theme .title .en{
	font-size: 18px;
	color: rgba(255,255,255,.5);
	font-family: "ziti";
}
.allpage-banner .theme .title .cn{
	font-size: 30px;	
	color: #fff;
	font-weight: bold;
}
@media only screen and (max-width: 1280px){
.allpage-banner .abanner{
	height: 400px;
}
}
@media only screen and (max-width: 1024px){
.allpage-banner .abanner{
	height: 360px;
}
.allpage-banner.about .abanner{
	height: 450px;
}
.allpage-banner .theme{
	padding: 30px 0;
}
.allpage-banner .theme .num{
	width: 70px;
	font-size: 48px;
}
.allpage-banner .theme .title{
	width: calc(100% - 70px);
	padding-left: 35px;
}
.allpage-banner .theme .title .cn{
	font-size: 24px;
}
.allpage-banner .theme .title:after{
	height: 50px;
}
}
@media only screen and (max-width: 640px){
.allpage-banner .abanner{
	height: 300px;
}
.allpage-banner.about .abanner{
	height: 350px;
}
}
@media only screen and (max-width: 414px){
.allpage-banner .abanner{
	height: 230px;
}
.allpage-banner.about .abanner{
	height: 250px;
}
.allpage-banner .theme{
	padding: 5% 0;
}
.allpage-banner .theme .num{
	width: 50px;
	font-size: 36px;
}
.allpage-banner .theme .title{
	width: calc(100% - 50px);
	padding-left: 35px;
}
.allpage-banner .theme .title .en{
	font-size: 16px;
}
.allpage-banner .theme .title .cn{
	font-size: 20px;
}
.allpage-banner .theme .title:after{
	height: 36px;
}
}

/* =========

    通用分页

 ========= */
.allfenye{
	font-size: 0;
	max-width: 1200px;
}
.allfenye .btn{
	margin: 0 2px;
	width: 36px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 14px;
	color: #5b5c5e;
	border:1px solid #b9bec6;
	border-radius: 5px;
	text-align: center;
}
.allfenye .btn.on{
	background-color: #003f98;
	color: #fff;
	border:1px solid #003f98;
}
.allfenye .link{
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	border:1px solid #b9bec6;
	font-size: 14px;
	color: #2c395f;
	border-radius: 5px;
}
.allfenye .link.prev{
	margin-right: 5px;
}
.allfenye .link.next{
	margin-left: 5px;
}

/*跳转*/
.allfenye .fylink{
	position: absolute;
	right: 0;
	top: 0;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.allfenye .fylink input{
	width: 60px;
	border:1px solid #dddddd;
	border-radius: 3px;
	text-align: center;
	height: 35px;
}
.allfenye .fylink .go{
	width: 36px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #2c395f;
	text-align: center;
	border:1px solid #dddddd;
	background-color: #fff;
	margin-left: 6px;
	border-radius: 3px;
	cursor: pointer;
}

@media only screen and (min-width: 601px){
.allfenye .btn:hover{
	background-color: #003f98;
	color: #fff;
	border:1px solid #003f98;
}
}




/* =========

    产品中心

 ========= */
.product-bg{
	padding-bottom: 100px;
}
/*搜索*/
.product-bg .psearch{
	border-bottom: 1px solid #dadee3;
	background-color: #fff;
}
.product-bg .psearch .sbox{
	padding-right: 45px;
	position: relative;
}
.product-bg .psearch .sbox input[type="text"]{
	width: 100%;
	height: 45px;
	border:none;
	font-size: 14px;
	color: #999999;
}
.product-bg .psearch .sbox input[type="submit"]{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	border:none;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/ss_03.png);
	-webkit-background-size: 20px;
	background-size: 20px;
	cursor: pointer;
}

/*分类*/
.product-bg .pclass-box{
	background-color: #fcfcfc;
}
.product-bg .pclass-box .pclass-menu{
	padding: 15px 0 35px 0;
}
.product-bg .pclass-box .pclass-menu .classbox .bbt{
	line-height: 56px;
	float: left;
	width: 90px;
	font-size: 14px;
	color: #1d1d1d;
	font-weight: bold;
}
.product-bg .pclass-box .pclass-menu .classbox .menu{
	padding-top: 18px;
	font-size: 0;
	float: right;
	width: calc(100% - 90px);
	border-bottom: 1px solid #dadee3;
	max-height: 323px;
	overflow-y: auto;
}
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #ffffff;
}
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar-track{
	background-color: #ffffff;
}
.product-bg .pclass-box .pclass-menu .classbox .menu::-webkit-scrollbar-thumb{
	background-color: #003f98;
}

.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #1d1d1d;
	margin-bottom: 18px;
	padding-right: 30px;
	position: relative;
	width: calc(100% / 6);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm b{
	color: #ff0000;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm span{
	width: 12px;
	height: 12px;
	border:1px solid #1d1d1d;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm.on span{
	border:1px solid #02adec;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm.on span:after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: #02adec;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.product-bg .pclass-box .pclass-menu .jintoubtn{
	text-align: center;
	font-size: 0;
}
.product-bg .pclass-box .pclass-menu .showbtn{
	height: 34px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: inline-block;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background-color: #183884;
	padding: 0 10px;
}
@media only screen and (max-width: 1280px){
	.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
		width: calc(100% / 5);
	}
}
@media only screen and (max-width: 1024px){
	.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
		width: calc(100% / 4);
	}
}
@media only screen and (max-width: 800px){
	.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
		width: calc(100% / 3);
	}
}
@media only screen and (max-width: 640px){
	.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
		width: calc(100% / 2);
	}
}
@media only screen and (max-width: 414px){
.product-bg .pclass-box .pclass-menu{
	padding-top: 3%;
	padding-bottom: 5%;
}
.product-bg .pclass-box .pclass-menu .classbox{
	margin-bottom: 2%;
}
.product-bg .pclass-box .pclass-menu .classbox .bbt{
	float: none;
	width: 100%;
	line-height: 30px;
}
.product-bg .pclass-box .pclass-menu .classbox .menu{
	width: 100%;
	padding-top: 3%;
}
.product-bg .pclass-box .pclass-menu .classbox .menu .mm{
	margin-bottom: 3%;
}
}

/*产品列表*/
.product-bg .product-list{
	padding-top: 80px;
}
.product-bg .product-list .theme{
	font-size: 30px;
	color: #000000;
	margin-bottom: 20px;
}
.product-bg .product-list .plist{
	overflow: hidden;
}
.product-bg .product-list .plist .lip{
	width: calc((100% - 45px) / 4);
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
}
.product-bg .product-list .plist .lip:nth-child(4n){
	margin-right: 0;
}
.product-bg .product-list .plist .lip .imgbox:after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
.product-bg .product-list .plist .lip .imgbox .pimg{
	padding-top: calc(240 / 290 * 100%);
	transition: all .5s ease;
}
.product-bg .product-list .plist .lip .imgbox .more{
	height: 30px;
	line-height: 30px;
	width: 94%;
	max-width: 130px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scaleY(0);
	background-color: #183884;
	border-radius:50px;
	text-align: center;
	font-size: 12px;
	color: #ebf0f3;
	font-family: "ziti";
}
.product-bg .product-list .plist .lip .title{
	height: 70px;
	line-height: 70px;
	background-color: #3c4255;
	font-size: 16px;
	color: #fff;
	padding: 0 10px;
}
.product-bg .product-list .plist .lip .title b{
	color: #ff0000;
}

@media only screen and (min-width: 601px){
.product-bg .product-list .plist .lip:hover .imgbox .pimg{
	transform: scale(1.1);
}
}
@media only screen and (max-width: 1280px){
.product-bg{
	padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.product-bg{
	padding-bottom: 40px;
}
.product-bg .product-list{
	padding-top: 50px;
}
.product-bg .product-list .plist .lip .title{
	    height: 50px;
    line-height: 50px;
}
.product-bg .product-list .theme{
	font-size: 24px;
}
}
@media only screen and (max-width: 768px){
.product-bg .product-list .plist .lip {
    width: calc((100% - 30px) / 3);
}
.product-bg .product-list .plist .lip:nth-child(4n){
	margin-right: 15px;
}
.product-bg .product-list .plist .lip:nth-child(3n){
	margin-right: 0;
}
}
@media only screen and (max-width: 414px){
.product-bg{
	padding-bottom: 5%;
}
.product-bg .product-list{
	padding-top: 5%;
}
.product-bg .product-list .plist .lip {
    width: calc((100% - 15px) / 2);
}
.product-bg .product-list .plist .lip:nth-child(4n){
	margin-right: 0;
}
.product-bg .product-list .plist .lip:nth-child(3n){
	margin-right: 15px;
}
.product-bg .product-list .plist .lip:nth-child(2n){
	margin-right: 0;
}
.product-bg .product-list .plist .lip .title {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
}

/* =========

    产品详情

 ========= */
.poducvt-view{
	padding-bottom: 130px;
}
.poducvt-view .pd-top{
	padding-bottom: 50px;
	background-color: #fff;
}
.poducvt-view .pd-top .tleft{
	width: 430px;
	float: left;
	padding-top: 50px;
}
.poducvt-view .pd-top .tleft .title{
	font-size: 30px;
	color: #2c395f;
	font-weight: bold;
}
.poducvt-view .pd-top .tleft .tt{
	font-size: 18px;
	color: #2c395f;
	font-weight: bold;
	margin-bottom: 30px;
}
.poducvt-view .pd-top .tleft .demobox{
	margin-bottom: 150px;
}
.poducvt-view .pd-top .tleft .demobox .bt{
	font-size: 14px;
	color: #183884;
	font-weight: bold;
}
.poducvt-view .pd-top .tleft .demobox .demo{
	font-size: 14px;
	color: #2c395f;
	line-height: 2;
}
.poducvt-view .pd-top .tleft .contact{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-weight: bold;
}
.poducvt-view .pd-top .tleft .contact .btn{
	width: 214px;
	height: 40px;
	line-height: 40px;
	background-color: #183884;
	border-radius:50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	position: relative;
	margin-right: 30px;
}
.poducvt-view .pd-top .tleft .contact .btn:after{
	content: "";
	width: 23px;
	height: 23px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/ph_03.png);
	position: absolute;
	right: 10px;
	top: 50%;
	border-radius:50%;
	transform: translateY(-50%);
}
.poducvt-view .pd-top .tleft .contact .bdshare-button-style0-16 .bds_more{
	background-position: center;
	background-repeat: no-repeat;
	background: url(../images/shaa_07.png);
	margin: 0;
	padding-left: 14px;
	margin-right: 6px;
	font-size: 14px;
	color: #2c395f;
	font-weight: bold;
}
.poducvt-view .pd-top .imgbox{
	width: calc(97% - 430px);
	max-width: 600px;
	float: right;
}
.poducvt-view .pd-top .imgbox .pimg{
	padding-top: calc(500 / 600 * 100%);
}

/*标签*/
.poducvt-view .plabel-swiper{
	margin-top: -50px;
	position: relative;
}
.poducvt-view .plabel-swiper{

}
.poducvt-view .plabel-swiper .swiper-slide{
	width: auto!important;
}
.poducvt-view .plabel-swiper .swiper-slide .aitem {
	height: 50px;
	line-height: 50px;
	padding: 0 28px;
	border-radius:3px 3px 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #d5d7df #d5d7df #d5d7df transparent;
	background-color: #ebf0f3;
	font-size: 15px;
	color: #2c395f;
	cursor: pointer;
	position: relative;
	display: block;
}
.poducvt-view .plabel-swiper .swiper-slide:nth-child(1) .aitem{
	border-color: #d5d7df #d5d7df transparent #d5d7df;
}
.poducvt-view .plabel-swiper .swiper-slide:last-child .aitem:after{
	content: "";
	width: 100vw;
	height: 1px;
	background-color: #d5d7df;
	position: absolute;
	left: 100%;
	bottom: 0;
}
.poducvt-view .plabel-swiper .swiper-slide .aitem[data-on="on"]{
	background-color: #fff;
	font-weight: bold;
}
.poducvt-view .plabel-swiper .swiper-slide .aitem[data-on="on"]:before{
	content: "";
	width: 100%;
	height: 4px;
	background-color: #183884;
	border-radius:3px 3px 0 0;
	position: absolute;
	left: 0;
	top: -1px;
}

.poducvt-view .labelbox{
	margin-bottom: 50px;
	border-style: solid;
	border-width: 1px;
	border-color:transparent #d5d7df #d5d7df #d5d7df;
	background-color: #fff;
	padding: 40px;
	display: none;
}	
.poducvt-view .labelbox[data-on="on"]{
	display: block;
}
.poducvt-view .labelbox .bbt{
	font-size: 22px;
	color: #183884;
	margin-bottom: 20px;
	font-weight: bold;
}
/*公司简介*/
.poducvt-view .labelbox .pl-desc{
	font-size: 16px;
	color: #2c395f;
	line-height: 2;
	margin-bottom: 60px;
}
.poducvt-view .labelbox .pl-desc img{
	height: auto !important;
}

/*型号参数*/
.poducvt-view .labelbox .tablebox{
	/*margin-top: 60px;*/
	/*padding-top: 50px;*/
}
.poducvt-view .labelbox .layui-table{
	width: 100%!important;
}
.poducvt-view .labelbox .layui-table th{
	background-color: #183884;
	color: #fff;
	height: 60px;
	border:1px solid #66728f;
}
.poducvt-view .labelbox .layui-table th:nth-child(2n){
	background-color: #003f98;
}
.poducvt-view .labelbox .layui-table .layui-table-cell {
    text-align: center;
    overflow: visible;
}

.poducvt-view .labelbox .layui-table td a{
	color: #4f5770;
    position: relative;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.poducvt-view .labelbox .pl-desc table td a:hover{
	text-decoration: underline;
}

/*文件下载*/
.poducvt-view .labelbox .recommod-box .lir{
	width: calc((100% - 120px) / 3);
	float: left;
	margin-right: 60px;
	margin-bottom: 60px;
}
.poducvt-view .labelbox .recommod-box .lir:nth-child(3n){
	margin-right: 0;
}
.poducvt-view .labelbox .recommod-box .lir .imgbox .rimg{
	padding-top: calc(220 / 320 * 100%);
	border:1px solid rgba(0,0,0,.1);
}
.poducvt-view .labelbox .recommod-box .lir .title{
	height: 60px;
	line-height: 60px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	font-size: 20px;
	color: #183884;
	padding: 0 10px;
}

/*相关产品*/
.poducvt-view .product-around .theme{
	font-size: 24px;
	color: #2c395f;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
.poducvt-view .product-around .around-swiper .swiper-slide .aitem{
	display: block;
}
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .imgbox .aimg{
	padding-top: 100%;
}
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .title{
    height: 56px;
    line-height: 56px;
    background-color: #3c4255;
    font-size: 16px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
}
.poducvt-view .product-around .around-swiper .swiper-slide .aitem .title b{
	color: #ff0000;
}
@media only screen and (max-width: 1280px){
.poducvt-view{
	padding-bottom: 100px;
}
}
@media only screen and (max-width: 1024px){
.poducvt-view{
	padding-bottom: 50px;
}
.poducvt-view .labelbox{
	padding: 30px;
}
.poducvt-view .labelbox .tablebox{
	padding-top: 30px;
	margin-top: 40px;
}
.poducvt-view .pd-top .tleft .title{
	font-size: 24px;
}
}
@media only screen and (max-width: 768px){
.poducvt-view .pd-top .imgbox{
	width: 100%;
	float: none;
	max-width: none;
}
.poducvt-view .pd-top .tleft{
	width: 100%;
	float: none;
	padding: 30px 0;
}
.poducvt-view .pd-top .tleft .demobox{
	margin-bottom: 50px;
}
.poducvt-view .labelbox .recommod-box .lir{
	width: calc((100% - 60px) / 2);
}
.poducvt-view .labelbox .recommod-box .lir:nth-child(3n){
	margin-right: 60px;
}
.poducvt-view .labelbox .recommod-box .lir:nth-child(2n){
	margin-right: 0;
}
}
@media only screen and (max-width: 414px){
.poducvt-view{
	padding-bottom: 5%;
}
.poducvt-view .pd-top .tleft{
	padding: 5% 0;
}
.poducvt-view .pd-top .tleft .title{
	font-size: 18px;
	margin-bottom: 3%;
}
.poducvt-view .pd-top .tleft .tt{
	margin-bottom: 5%;
}
.poducvt-view .pd-top .tleft .demobox{
	margin-bottom: 5%;
}
.poducvt-view .pd-top .tleft .contact .btn{
	width: 50%;
}
.poducvt-view .labelbox{
	padding: 3%;
}
.poducvt-view .labelbox .tablebox{
	margin-top: 3%;
	padding-top: 3%;
}
.poducvt-view .labelbox .bbt{
	font-size: 18px;
}
.poducvt-view .labelbox .recommod-box .lir{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5%;
}
.poducvt-view .labelbox .recommod-box .lir .title {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}
.poducvt-view .labelbox{
	margin-bottom: 5%;
}
.poducvt-view .product-around .theme{
	font-size: 20px;
}
.poducvt-view .labelbox .pl-desc .tpl-layui-row .tpl-layui-col-xs6{
	width: 100%!important;
}
.poducvt-view .labelbox .pl-desc .tpl-layui-row .tpl-layui-col-xs4{
	width: 100%!important;
}
}


/* =========

    倍率计算

 ========= */
.clac-top{
	padding: 70px 0;
	background-color: #183884;
}
.clac-top .inbox{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.clac-top .inbox .theme{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.clac-top .inbox .theme .num{
	width: 100px;
	font-size: 70px;
	color: #fff;
	font-family: "ziti1";
    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1
}
.clac-top .inbox .theme .title{
	width: calc(100% - 100px);
	padding-left: 45px;
	position: relative;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.clac-top .inbox .theme .title:after{
	content: "";
    width: 5px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform:translateY(-50%) rotate(20deg);
    transform-origin: left bottom;
}
.clac-top .inbox .theme .title .en{
	font-size: 18px;
	color: rgba(255,255,255,.5);
	font-family: "ziti";
}
.clac-top .inbox .theme .title .cn{
	font-size: 30px;	
	color: #fff;
	font-weight: bold;
}
.clac-top .inbox .back{
	padding: 0 25px;
	background-color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #183884;
	border:1px solid #183884;
}
.calc-main{
	padding-top: 50px;
	padding-bottom: 100px;
}
.calc-main .clac-left{
	width: 250px;
	float: left;
	background-color: #f9f9f9;
}
.calc-main .clac-left .theme{
	background: -webkit-linear-gradient(left, #183884 , #1f81d1); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(right, #183884, #1f81d1); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(right, #183884, #1f81d1); /* Firefox 3.6 - 15 */
	  background: linear-gradient(to right, #183884 , #1f81d1); /* 标准的语法 */
	  height: 50px;
	line-height: 50px;  
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
}
.calc-main .clac-left .clac-form{
	padding: 10px 10px 20px 10px;
}
.calc-main .clac-left .clac-form .citem{
	margin-bottom: 15px;
}
.calc-main .clac-left .clac-form .citem .my-label{
	font-size: 14px;
	color: #3b3b3b;
	display: block;
	margin-bottom: 5px;
	height: 24px;
}
.calc-main .clac-left .clac-form .citem .my-label span{
	color: #183884;
	font-weight: bold;
}
.calc-main .clac-left .clac-form .citem .my-label span.red{
	color: #FF0000;
	font-weight: 400;
	font-size: 20px;
}
.calc-main .clac-left .clac-form .citem input[type="text"]{
	width: 100%;
	height: 40px;
	border:1px solid #dfdfdf;
	border-radius:3px;
	padding: 0 10px;
}
.calc-main .clac-left .clac-form .citem select{
	width: 100%;
	height: 40px;
	border:1px solid #dfdfdf;
	border-radius:3px;
	padding: 0 10px;	
}
.calc-main .clac-left .clac-form .btn{
	display: flex;
}
.calc-main .clac-left .clac-form .btn input[type=submit]{
	padding: 0 20px;
	height: 40px;
	background: -webkit-linear-gradient(top, #214bad , #183985); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(bottom, #214bad, #183985); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(bottom, #214bad, #183985); /* Firefox 3.6 - 15 */
	  background: linear-gradient(to bottom, #214bad , #183985); /* 标准的语法 */
	  border:none;
	  font-size: 14px;
	  color: #fff;
	  font-weight: bold;
	  border-radius:3px;
	  cursor: pointer;
	  margin-right: 10px;
}
.calc-main .clac-left .clac-form .btn #fw{
	width: 60px;
	line-height: 40px;
	font-size: 14px;
	color: #2b2b2b;
	text-align: center;
	font-weight: bold;
	display: block;
	cursor: pointer;
	  border-radius:3px;
}
.calc-main .clac-right{
	width: calc(97% - 250px);
	max-width: 900px;
	float: right;
}
.calc-main .clac-right .bannerbox{
	margin-bottom: 30px;
	position: relative;
}
.calc-main .clac-right .bannerbox .banner{
	padding-top: calc(500 / 898 * 100%);
}
/*.calc-main .clac-right .bannerbox .banner.mr{
	background-image: url(/phone/images/calc_10.jpg);
}*/
.calc-main .clac-right .bannerbox .banner.mr,
.calc-main .clac-right .bannerbox .banner.chang,
.calc-main .clac-right .bannerbox .banner.kuan,
.calc-main .clac-right .bannerbox .banner.xy,
.calc-main .clac-right .bannerbox .banner.range,
.calc-main .clac-right .bannerbox .banner.changb{
	display: none;
}
.calc-main .clac-right .bannerbox .banner.mr.on,
.calc-main .clac-right .bannerbox .banner.chang.on,
.calc-main .clac-right .bannerbox .banner.kuan.on,
.calc-main .clac-right .bannerbox .banner.xy.on,
.calc-main .clac-right .bannerbox .banner.range.on,
.calc-main .clac-right .bannerbox .banner.changb.on{
	display: block;
}
/*.calc-main .clac-right .bannerbox .banner.kuan{
	background-image: url(/phone/images/calc_12.jpg);
}
.calc-main .clac-right .bannerbox .banner.xy{
	background-image: url(/phone/images/calc_13.jpg);
}*/


.calc-main .clac-right .bbt{
	font-size: 14px;
	color: #183884;
	margin-bottom: 10px;
}
.calc-main .clac-right .msgbox{
	margin-bottom: 10px;
}
.calc-main .clac-right .msgbox .mm{
	width: calc((100% - 3px) / 4);
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #e0e0e0;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;

}
.calc-main .clac-right .msgbox .mm:nth-child(4n){
	margin-right: 0;
}
.calc-main .clac-right .msgbox .mm.five{
	width: calc((100% - 4px) / 5);
	margin-right: 1px;
}
.calc-main .clac-right .msgbox .mm.five:nth-child(4n){
	margin-right: 1px;
}
.calc-main .clac-right .msgbox .mm:nth-child(9n){
	margin-right: 0;
}
.calc-main .clac-right .msgbox .mm .label{
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.calc-main .clac-right .msgbox .mm .text{
	font-size: 12px;
	color: #183884;
	font-weight: bold;
	display: none;
}
.calc-main .clac-right .result-list .lir{
	width: calc((100% - 30px) / 4);
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.calc-main .clac-right .result-list .lir:nth-child(4n){
	margin-right: 0;
}
.calc-main .clac-right .result-list .lir .imgbox{
	border:1px solid #e0e0e0;
}
.calc-main .clac-right .result-list .lir .imgbox .rimg{
	padding-top: calc(230 / 215 * 100%);
}
.calc-main .clac-right .result-list .lir .title{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #183884;
	border-bottom: 1px solid #d4d4d4;
	display: block;
}
.calc-main .clac-right .result-list .lir .rbt{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #3b3b3b;
	font-weight: bold;
	border-bottom: 1px solid #d4d4d4;
}
.calc-main .clac-right .result-list .lir .rcs{
	padding: 8px 0;
	line-height: 24px;
	font-size: 12px;
	color: #3b3b3b;
	height: 208px;
}
.calc-main .clac-right .result-list .lir .more{
	border:1px solid #d4d4d4;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 12px;
	color: #183884;
	display: block;
}
@media only screen and (min-width: 601px){
.calc-main .clac-right .result-list .lir:hover .more{
	background-color: #183884;
	color: #fff;
}
.clac-top .inbox .back:hover{
	border:1px solid #fff;
	background-color: #183884;
	color: #fff;
}
.calc-main .clac-left .clac-form .btn #fw:hover{
	background-color: #183884;
	color: #fff;
}
}
@media only screen and (max-width: 1280px){
.calc-main{
	padding-bottom: 60px;
}
}
@media only screen and (max-width: 1024px){
.clac-top{
	padding: 50px;
}
.clac-top .inbox .theme .num{
	font-size: 48px;
	width: 70px;
}
.clac-top .inbox .theme .title{
	width: calc(100% - 70px);
}
.clac-top .inbox .theme .title .cn{
	font-size: 24px;
}
.clac-top .inbox .theme .title:after{
	height: 50px;
}
.calc-main{
	padding-top: 30px;
	padding-bottom: 30px;
}
.calc-main .clac-right .result-list .lir {
    width: calc((100% - 20px) / 3);
}
.calc-main .clac-right .result-list .lir:nth-child(4n){
	margin-right: 10px;
}
.calc-main .clac-right .result-list .lir:nth-child(3n){
	margin-right: 0;
}
}
@media only screen and (max-width: 768px){
	.showdiv[data-zhi=""]{
		display: none
	}
.calc-main .clac-left{
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.calc-main .clac-left .clac-form .citem{
	width: calc(97% / 2);
	float: left;
}
.calc-main .clac-left .clac-form .citem:nth-child(2n){
	float: right;
}
.calc-main .clac-left .clac-form .btn{
	float: left;
	margin-left: 10px;
	margin-top: 14px;
}
.calc-main .clac-right{
	width: 100%;
	float: none;
}
.calc-main .clac-right .msgbox .mm,.calc-main .clac-right .msgbox .mm.five{
	width: calc((100% - 1px) / 2);
}
.calc-main .clac-right .msgbox .mm.five:nth-child(4n){
	margin-right: 0;
}
.calc-main .clac-right .msgbox .mm:nth-child(2n){
	margin-right: 0;
}
}
@media only screen and (max-width: 414px){
.clac-top{
	padding: 5% 0;
}
.clac-top .inbox{
	display: block;
}
.clac-top .inbox .theme {
	margin-bottom: 5%;
}
.clac-top .inbox .theme .num{
	font-size: 36px;
	width: 50px;
}
.clac-top .inbox .theme .title{
	width: calc(100% - 50px);
	padding-left: 30px;
}
.clac-top .inbox .theme .title .cn{
	font-size: 18px;
}
.clac-top .inbox .theme .title .en{
	font-size: 14px;
}
.clac-top .inbox .theme .title:after{
	height: 36px;
}
.clac-top .inbox .back{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.calc-main{
	padding-top: 5%;
	padding-bottom: 6%;
}
.calc-main .clac-right .msgbox{
	display: none;
}
.calc-main .clac-right .result-list .lir{
	width: 100%;
}
.calc-main .clac-right .result-list .lir .title{
	height: 36px;
	line-height: 36px;
}
.calc-main .clac-right .result-list .lir .rbt{
	height: 36px;
	line-height: 36px;
}
}


/* =========

    通用类别

 ========= */
.allpage-class{
	border-bottom: 2px solid #cfd5dd;
	text-align: center;
	position: relative;
}
.allpage-class .theme{
	display: none;
}
.allpage-class .sub .item{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding:0 20px 30px 20px;
	border-radius: 5px;
	position: relative;
}
.allpage-class .sub .item.on:before{
	content: "";
	width: 2px;
	height: 15px;
	background-color: #b1b9c6;
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -1px;
}
.allpage-class .sub .item.on:after{
	content: "";
	width: 12px;
	height: 12px;
	border: 2px solid #0c9ed4;
	background-color: #ebf0f3;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -6px;
	margin-bottom: -6px;
	z-index: 11;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.allpage-class .sub .item .word{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;

	color: #2c395f;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	padding: 0 10px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.allpage-class .sub .item.on .word{
	background-color: #183884;
	color: #fff;
}
@media only screen and (min-width: 601px){
.allpage-class .sub .item:hover .word{
	background-color: #183884;
	color: #fff;
}
}
@media only screen and (max-width:1280px){
.allpage-class .sub .item{
	padding: 20px 10px;
}
.allpage-class .item.on:before{
	display: none;
}
}
@media only screen and (max-width:1024px){
.allpage-class .theme{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	color: #2c395f;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	padding: 0 10px;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	padding-right: 20px;
	position: relative;
}
.allpage-class .theme:after{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #2c395f #2c395f transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.allpage-class[data-on="on"] .theme:after{
	margin-top: -2px;
	transform:rotate(225deg);
-ms-transform:rotate(225deg); 	/* IE 9 */
-moz-transform:rotate(225deg); 	/* Firefox */
-webkit-transform:rotate(225deg); /* Safari 和 Chrome */
-o-transform:rotate(225deg); 	/* Opera */
}
.allpage-class .sub{
	    width: 50%;
    max-height: 480px;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    background: #212121;
     display: none; 
    z-index: 90;
}
.allpage-class .sub .item{
	display: block;
	padding: 0;
}
.allpage-class .sub .item .word{
    display: block;
    height: 40px;
    line-height: 40px;
    color: #666;
    position: relative;
}
.allpage-class .sub .item.on:after {
	display: none;
}
}
@media only screen and (max-width:414px){
.allpage-class .sub .item .word {
    height: 35px;
    line-height: 35px;
}
}


/* =========

    应用方案

 ========= */
.project-bg{
	padding-top: 50px;
	padding-bottom: 100px;
	max-width: 1600px;
	margin: 0 auto;
}
.project-bg .plist{
	overflow: hidden;
	padding-bottom: 15px;
}
.project-bg .plist .lip{
	background-color: #fff;
	padding: 40px 0;
}
.project-bg .plist .lip .pbox{
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.project-bg .plist .lip .pbox .imgbox{
	width: 275px;
	  -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.project-bg .plist .lip .pbox .imgbox .pimg{
	padding-top: calc(175 / 275 * 100%);
}
.project-bg .plist .lip .pbox .main{
	width: calc(100% - 275px);
	padding-left: 40px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
    overflow: hidden;
    position: relative;
}
.project-bg .plist .lip .pbox .main .text .title{
	display: block;
	font-size: 18px;
	color: #2c395f;
	margin-bottom: 15px;
}
.project-bg .plist .lip .pbox .main .text .demo{
	font-size: 14px;
	color: #5b5c5e;
	line-height: 24px;
}
.project-bg .plist .lip .pbox .main .more{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: #fff;
	right: 0;
	top: 50%;
	transform: translate(100%,-50%);
}
.project-bg .plist .lip .pbox .main .more:after{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #183884 #183884 transparent transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}

@media only screen and (min-width: 601px){
.project-bg .plist .lip:hover{
	background-color: #183884;
}
.project-bg .plist .lip:hover .pbox .imgbox .pimg{
	transform: scale(1.1);
}
.project-bg .plist .lip:hover .pbox .main{
	padding-right: 80px;
}
.project-bg .plist .lip:hover .pbox .main .text .title{
	color: #fff;
}
.project-bg .plist .lip:hover .pbox .main .text .demo{
	color: rgba(255,255,255,.5);
}
.project-bg .plist .lip:hover .pbox .main .more{
	transform: translate(0,-50%);
}
}
@media only screen and (max-width: 1280px){
.project-bg {
    padding-top: 50px;
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px){
.project-bg {
    padding-top: 40px;
    padding-bottom: 60px;
}
.project-bg .plist .lip{
	padding: 20px 0;
}
}
@media only screen and (max-width: 414px){
.project-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.project-bg .plist .lip{
	padding: 3% 0;
}
.project-bg .plist .lip .pbox{
	display: block;
}
.project-bg .plist .lip .pbox .imgbox{
	width: 100%;
	margin-bottom: 5%;
}
.project-bg .plist .lip .pbox .main{
	width: 100%;
	padding-left: 0;
}
.project-bg .plist .lip .pbox .main .text .title{
	font-size: 16px;
	margin-bottom: 3%;
}
}



/* =========

    应用方案详情

 ========= */
.pview-bg{
	padding-bottom: 100px;
}
.pview-bg .themebox{
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/viewbg_02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.pview-bg .themebox .theme{
	width: 94%;
	text-align: center;
}
.pview-bg .themebox .theme .ptitle{
	font-size: 30px;
	color: #fff;
	margin-bottom: 10px;
}
.pview-bg .themebox .theme .timebox{
	height: 30px;
	line-height: 30px;
}
.pview-bg .themebox .theme .timebox .time{
	font-size: 12px;
	color: rgba(255,255,255,.6);
	margin-right: 8px;
}
.pview-bg .themebox .theme .timebox  .bdsharebuttonbox {
	font-size: 13px;
	color: #019ad2;	
}
.pview-bg .themebox .theme .timebox  .bdsharebuttonbox .bds_more{
	height: 30px;
	margin: 0;
	margin-right: 6px;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
	        border-radius: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/share_03.png);
	-webkit-background-size: 14px;
	-moz-background-size: 14px;
	  -o-background-size: 14px;
	     background-size: 14px;
}
.pview-bg .main{
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	margin-top: -60px;
}
.pview-bg .main .pathbox{
	background-color: #252525;
}
.pview-bg .main .pathbox .path{
	font-size: 0;
	width: 94%;
	max-width: 900px;
	margin: 0 auto;
}
.pview-bg .main .pathbox .path .pp{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	color: rgba(255,255,255,.75);
	vertical-align: top;
	height: 60px;
	line-height: 60px;
}
.pview-bg .main .pathbox .path .pp span{
	width: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	font-size: 18px;
	vertical-align: middle;
}
.pview-bg .main .pview-content{
	width: 94%;
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 0;
	font-size: 14px;
	color: #5b5c5e;
	line-height: 24px;
}
.pview-bg .main .pview-content video{
	width: 100%!important;
	height: auto!important;
	max-height: 600px;
	background: #000;
}

@media only screen and (max-width: 1024px){
	.pview-bg .main .pview-content img{
	height: auto!important;
}
}

/*上下页*/
.pview-bg .main .allpage-box{
	height: 70px;
	border-top: 1px solid #d8dce0;
}
.pview-bg .main .allpage-box .inbox{
	width: 94%;
	max-width: 280px;
	position: relative;
}
.pview-bg .main .allpage-box .inbox .line{
	content: "";
	width: 1px;
	height: 36px;
	background-color: #d8dce0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.pview-bg .main .allpage-box .inbox .btn{
	font-size: 14px;
	color: #2c395f;
	font-family: "ziti1";
	position: relative;
}
.pview-bg .main .allpage-box .inbox .btn.prev{
	padding-left: 40px;
	float: left;
}
.pview-bg .main .allpage-box .inbox .btn.next{
	padding-right: 40px;	
	float: right;
}
.pview-bg .main .allpage-box .inbox .btn span{
	width: 18px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.pview-bg .main .allpage-box .inbox .btn.prev span{
	left: 0;
}
.pview-bg .main .allpage-box .inbox .btn.next span{
	right: 0;	
	transform: translateY(-50%) rotate(180deg);
}
.pview-bg .main .allpage-box .inbox .btn span:before{
	content: "";
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #2c395f transparent transparent #2c395f;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	transform: rotate(-45deg);
}
.pview-bg .main .allpage-box .inbox .btn span:after{
	content: "";
	width: 16px;
	height:1px;
	background-color: #2c395f;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 1280px){
.pview-bg{
	padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px){
.pview-bg{
	padding-bottom: 60px;
}
.pview-bg .themebox{
	height: 360px;
}
.pview-bg .themebox .theme .ptitle{
	font-size: 24px;
}
.pview-bg .main{
	margin-top: -50px;
}
.pview-bg .main .pathbox .path .pp{
	height: 50px;
	line-height: 50px;
}
.pview-bg .main .pview-content{
	padding: 30px 0;
}
.pview-bg .main .allpage-box{
	height: 60px;
}
}
@media only screen and (max-width: 414px){
.pview-bg .themebox{
	height: 280px;
}
.pview-bg .themebox .theme .ptitle{
	font-size: 18px;
	margin-bottom: 3%;
}
.pview-bg .main .pview-content{
	padding: 5% 0;
}
.pview-bg .main .allpage-box{
	height: 50px;
}
.pview-bg .main .allpage-box .inbox{
	max-width: 200px;
}
.pview-bg{
	padding-bottom: 6%;
}
}


/* =========

    技术支持

 ========= */
.service-class{
	padding-top: 50px;
	padding-bottom: 30px;
	max-width: 1200px;
}
.service-class .lis{
	display: block;
	width: -webkit-calc((100% - 80px) / 3);
	width: -moz-calc((100% - 80px) / 3);
	width: calc((100% - 80px) / 3);
	float: left;
	margin-right: 40px;
	margin-bottom: 90px;
	padding-top: 30px;
	position: relative;
}
.service-class .lis:after{
	content: "";
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: -moz-calc(100% - 30px);
	height: calc(100% - 30px);
    background: #0aa0ee;
    transition: all .5s;
    background: -moz-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%);
    background: -webkit-linear-gradient(left bottom, #1f81d1 0%, #09b0f9 100%);
    background: linear-gradient(to right top, #1f81d1 0%, #09b0f9 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.service-class .lis:nth-child(3n){
	margin-right: 0;
}
.service-class .lis .ico{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 90px;
	height: 90px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
	margin-left: 30px;
    transition: all .5s;
}
.service-class .lis .titlebox{
	position: relative;
	z-index: 2;
	padding: 15px 20px;
	background-color: #183884;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    margin-bottom: 25px;
	width: calc(100% - 30px);
	transition: all .5s ease;
	margin-left: 30px;
}
.service-class .lis .titlebox .cn{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}
.service-class .lis .titlebox .en{
	font-size: 20px;
	color: rgba(1,154,210,.5);
	font-family: "ziti";
	text-transform:uppercase;
}
.service-class .lis .demo{		
	position: relative;
	z-index: 2;
	padding: 20px;
	background-color: #fff;
	font-size: 1.16rem;
	color: #666666;
	line-height: 2;
	height: 150px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
overflow: hidden;
	width: calc(100% - 30px);
	margin-left: 30px;
	transition: all .5s ease;
}
@media only screen and (min-width: 601px){
.service-class .lis:hover .ico{
	margin-left: 15px;
}
.service-class .lis:hover:after{
	border-radius: 25px;
}
.service-class .lis:hover .titlebox{
	margin-left: 45px;
	border-radius: 0 25px 25px 0;
}
.service-class .lis:hover .demo{
	margin-left: 0;
	border-radius: 0 0 25px 25px;
}
}
@media only screen and (max-width: 1024px){
.service-class .lis {
    width: -webkit-calc((100% - 80px) / 2);
    width: -moz-calc((100% - 80px) / 2);
    width: calc((100% - 80px) / 2);
    margin-right: 80px;
    margin-bottom: 50px;
}
.service-class .lis:nth-child(3n){
	margin-right: 80px;
}
.service-class .lis:nth-child(2n){
	margin-right: 0;
}
}
@media only screen and (max-width: 768px){
.service-class .lis {
    width: -webkit-calc((100% - 40px) / 2);
    width: -moz-calc((100% - 40px) / 2);
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 30px;
}
.service-class .lis:nth-child(3n){
	margin-right: 40px;
}
}
@media only screen and (max-width: 414px){
.service-class{
	padding-top: 5%;
	padding-bottom: 5%;
}
.service-class .lis{
	width: 100%;
	margin-right: 0;
}
}


/*下载中心*/
.support-path{
	height: 50px;
	line-height: 50px;
	background-color: #183884;
}
.support-path .pp{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    color: rgba(255,255,255,.75);
}
.support-path .pp span{
	    width: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}
.support-path .pp>b{
	color: #ff0000
}
.support-banner{
	height: 400px;
	background-image: url(../images/sbanner_02.jpg);
}
.sview-bg{
	padding-top: 40px;
	padding-bottom: 130px;
	position: relative;
}
.sview-bg .md{
	position: absolute;
	top: -90px;
}
.sview-bg .theme{
	margin-bottom: 40px;
	text-align: center;
}
.sview-bg .theme .cn{
	font-size: 30px;
	color: #2c395f;
	font-weight: bold;
	margin-bottom: 3px;
}
.sview-bg .theme .en{
	font-size: 18px;
	color: rgba(44,57,95,.3);
	font-family: "ziti";
}
.download-bg .dl-clsss{
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.download-bg .dl-clsss .word{
	padding-left: 10px;
	padding-right: 40px;
	position: relative;
	font-size: 14px;
	color: #003f98;
	height: 40px;
	line-height: 40px;
	min-width: 240px;
	background-color: #fff;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
.download-bg .dl-clsss .word:after{
	content: "";
	width: 8px;
	height: 8px;
 	border-width: 1px;
 	border-style: solid;
 	border-color: transparent #003f98 #003f98 transparent; 
 	position: absolute;
 	right: 15px;
 	top: 50%;
 	margin-top: -5px;
 	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.download-bg .dl-clsss[data-on="on"] .word:after{
 	transform:rotate(-135deg);
-ms-transform:rotate(-135deg); 	/* IE 9 */
-moz-transform:rotate(-135deg); 	/* Firefox */
-webkit-transform:rotate(-135deg); /* Safari 和 Chrome */
-o-transform:rotate(-135deg); 	/* Opera */
}
.download-bg .dl-clsss .sub{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background-color:#fff;
	z-index: 11;
	display: none;
}
.download-bg .dl-clsss .sub .sub-a{
	display: block;
	font-size: 1.16rem;
	color: #000;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
}
/*下载列表*/
.download-bg .download-list{
	padding-bottom: 25px;
}
.download-bg .download-list .lid{
	width: -webkit-calc((100% - 70px) / 2);
	width: -moz-calc((100% - 70px) / 2);
	width: calc((100% - 70px) / 2);
	float: left;
	margin-right: 70px;
	position: relative;
	padding-left: 90px;
	height: 90px;
	line-height: 90px;
	background-color: #fff;
	margin-bottom: 15px;
	font-size: 1.33rem;
	color: #444444;
}
.download-bg .download-list .lid:nth-child(2n){
	margin-right: 0;
}
.download-bg .download-list .lid .ico{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -15px;
	background-image: url(../images/down_05.png);
}
@media only screen and (min-width: 601px){
	.download-bg .dl-clsss .sub .sub-a:hover{
		background-color: #003f98;
		color: #fff;
	}
	.download-bg .download-list .lid:hover{
		background-color: #003f98;
		color: #fff;
	}
	.download-bg .download-list .lid:hover .ico{
		background-image: url(../images/down_03.png);
	}
}
@media only screen and (max-width:1360px){
.download-bg {
    padding-bottom: 65px;
}
.download-bg .download-list .lid {
    padding-left: 80px;
    height: 80px;
    line-height: 80px;
}
.download-bg .download-list .lid .ico {
    left:25px;
}
}
@media only screen and (max-width:1280px){
.download-bg {
    padding-bottom:45px;
}
.download-bg .download-list .lid {
    padding-left: 70px;
    height: 70px;
    line-height: 70px;
}
.download-bg .download-list .lid .ico {
    left:20px;
}
.sview-bg{
	padding-bottom: 100px;
}
}
@media only screen and (max-width:1024px){
.sview-bg{
	padding-bottom: 60px;
}
.sview-bg .theme .cn{
	font-size: 24px;
}
.support-banner{
	height: 350px;
}
.download-bg {
    padding-bottom: 3%;
}
.download-bg .dl-clsss {
    margin-bottom: 3%;
}
.download-bg.sview .download-list .lid {
    margin-bottom: 3%;
}
.download-bg .download-list .lid {
    width: -webkit-calc((100% - 35px) / 2);
    width: -moz-calc((100% - 35px) / 2);
    width: calc((100% - 35px) / 2);
    margin-right: 35px;
    padding-left: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 3%;
}
.download-bg .download-list .lid .ico {
    width: 26px;
    height: 26px;
    left: 20px;
    margin-top: -13px;
}
}
@media only screen and (max-width:800px){
.download-bg .download-list .lid {
    width:100%;
    height: 50px;
    line-height: 50px;
}
.download-bg .download-list .lid .ico {
    left:15px;
}
}
@media only screen and (max-width:414px){
.sview-bg{
	padding-top: 5%;
	padding-bottom: 6%;
}
.sview-bg .theme{
	margin-bottom: 5%;
}
.support-banner{
	height: 220px;
}
.sview-bg .theme .cn{
	font-size: 20px;
}
.sview-bg .theme .en{
	font-size: 16px;
}
}

/*技术问答*/
.technical-box{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.technical-box .lit{
	background-color: #fff;
	border-bottom: 1px solid #d8dde4;
}
.technical-box .lit:last-child{
	border-bottom: none;
}
.technical-box .lit .titlebox{
	padding: 0 20px;
}
.technical-box .lit .inbox{
	padding: 50px 0 50px 60px;
	position: relative;
	cursor: pointer;
}
.technical-box .lit .inbox:after{
	content: "Q";
	font-size: 72px;
	color: #003f98;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-family: "ziti";
}
.technical-box .lit .inbox .title{
	font-size: 18px;
	color: #2c395f;
	margin-bottom: 20px;
	max-width: calc(100% - 50px)
}
.technical-box .lit .inbox .demo{
	font-size: 14px;
	color: #565656;
	max-width: calc(100% - 50px);
}
.technical-box .lit .inbox .click{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.technical-box .lit .inbox .click:before{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #003f98;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.technical-box .lit .inbox .click:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #003f98;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(90deg);
}
.technical-box .lit .sub{
	display: none;
}
.technical-box .lit .sub .content{
	padding: 30px;
		font-size: 14px;
	color: #565656;
	line-height: 2;
}

@media only screen and (max-width: 1024px){
	.technical-box .lit .sub .content img{
	height: auto !important;
}
}
@media only screen and (max-width: 414px){
.technical-box .lit .titlebox{
	padding: 0 3%;
}
.technical-box .lit .inbox{
	padding: 5% 30px 5% 30px;
}
.technical-box .lit .inbox:after{
	font-size: 30px;
}
.technical-box .lit .inbox .title{
	font-size: 14px;
	margin-bottom: 3%;
}
.technical-box .lit .inbox .click{
	width: 20px;
	height: 20px;
}
.technical-box .lit .sub .content{
	padding: 3%;
}
}


/*视频中心*/
.video-list .liv{
	display: block;
	width: -webkit-calc((100% - 30px) / 2);
	width: -moz-calc((100% - 30px) / 2);
	width: calc((100% - 30px) / 2);
	float: left;
	margin-right: 30px;
	margin-bottom: 50px;
	cursor: pointer;
}
.video-list .liv:nth-child(2n){
	margin-right: 0;
}
.video-list .liv .item{
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}
.video-list .liv .item .img{
	padding-top: -webkit-calc(270 / 580 * 100%);
	padding-top: -moz-calc(270 / 580 * 100%);
	padding-top: calc(270 / 580 * 100%);
	position: relative;
}
.video-list .liv .item .img .playbtn{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	background-image: url(../images/playbtn.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	z-index: 11;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	transition: all .5s;
}
.video-list .liv .item .main{
	position: relative;
	padding: 25px 30px;
	background-color: #fff;
}
.video-list .liv .item .main .title{
	font-size: 18px;
	color: #2c395f;
	margin-bottom: 5px;
}
.video-list .liv .item .main .time{
	font-size: 16px;
	color: #808080;
	font-family: "ziti";
}
.video-list .liv .item .main .jt{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top:50%;
	margin-top: -20px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.video-list .liv .item .main .jt:after{
	content: "";
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #2653a0 #2653a0 transparent transparent; 
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -5px;
	margin-left: -5px;
	transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}

.layui-layer.video{
	max-width: 820px!important;
	max-height: 480px!important;
 -webkit-animation-name: none !important;
    animation-name: none !important;
    top: 50%!important;
    transform: translateY(-50%);
}
.layui-layer-page .layui-layer-content{
	overflow: hidden!important;
height: 100% !important;
}
.layui-layer .videobox{
	padding-top: calc(440 / 740 * 100%);
	position: relative;
	overflow: hidden;
}
.layui-layer .videobox .mejs-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}
.layui-layer .videobox .iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%!important;
	height: 100%!important;
}

:-webkit-full-screen-ancestor:not(iframe){
	z-index: auto;
    position: static;
    opacity: 1;
    transform: none;
    filter: none;
    perspective: none;
    transform-style: flat;
    will-change: auto;
    -webkit-mask: none !important;
    transition: none !important;
}

@media only screen and (min-width: 601px){
	.video-list .liv:hover .item{
		-webkit-transform: translate3d(0,-8%,0);
		   -moz-transform: translate3d(0,-8%,0);
		        transform: translate3d(0,-8%,0);
	}
	.video-list .liv:hover .item .main .jt{
		background-color: #2653a0;
	}
	.video-list .liv:hover .item .main .jt:after{
		border-color: #fff #fff transparent transparent; 
	}
	.video-list .liv .item:hover .img .playbtn{
		border: 1px solid #ffffff;
	}
}
@media only screen and (max-width:1024px){
.video-list{
	padding-top: 3%;
	padding-bottom: 3%;
}
.video-list .liv .item .main {
    padding: 3%;
}
.video-list .liv {
    margin-bottom: 3%;
}
.video-list .liv .item .img .playbtn{
	width: 50px;
	height: 50px;
}
}
@media only screen and (max-width:414px){
.video-list .liv {
    width: 100%;
    float: none;
}
}

/*产品使用*/
.trial-box{
	max-width: 1000px;
}
.trial-box .itembox{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 30px;
}
.trial-box .itembox .my-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    height: 60px;
    line-height: 60px;
}
.trial-box .itembox.type1 .my-item{
	width: calc((100% - 40px) / 3);
}
.trial-box .itembox.type2 .my-item{
	width: 100%;
}
.trial-box .itembox .my-item .my-label{
	padding: 0 15px;
	font-size: 14px;
	color: #8e8e8e;
	text-align: center;
}
.trial-box .itembox .my-item .my-label span{
	color: #ee0000;
}
.trial-box .itembox .my-item .my-input{
    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
}
.trial-box .itembox .my-item .my-input input[type="text"]{
	width: 100%;
	height: 100%;
	border:none;
	text-align: right;
	padding: 0 15px;
	font-size: 14px;
}
.trial-box .itembox .my-item .my-input input[type="text"].left{
	text-align: left;
}
.trial-box .itembox .my-item .my-select{
	width: 100%;
	position: relative;
}
.trial-box .itembox .my-item .my-select:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: #003f98 transparent transparent transparent;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -2px;
}
.trial-box .itembox .my-item .my-select select{
	width: 100%;
	height: 100%;
	border:none;
	padding: 0 15px;
	font-size: 14px;
	color: #8e8e8e;
}
.trial-box .itembox .my-item .my-radio{
    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.trial-box .itembox .my-item .my-radio .rr{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	color: #2c395f;
	margin: 0 10px;
	padding-left: 20px;
	position: relative;
	cursor: pointer;
}
.trial-box .itembox .my-item .my-radio .rr span{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border:1px solid #bababa;
	background-color: #e1e1e1;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.trial-box .itembox .my-item .my-radio .rr span:after{
	content: "";
	width: 6px;
	height: 6px;
	background-color: #003f98;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top:-3px;
	margin-left:-3px;
	transform: scale(0);
}
.trial-box .itembox .my-item .my-radio .rr[data-on="on"] span:after{
	transform: scale(1);
}
.trial-box .itembox.type3 .my-item{
	width: 150px;
}
.trial-box .itembox.type3 .my-item:nth-child(1){
	width: calc(100% - 340px);
}
.trial-box .itembox.type4 .my-item{
	width: calc((100% - 40px) / 3);
}
.trial-box .itembox.type4 .my-item:nth-child(1){
	flex: 1;
	margin-right: 20px;
}

.trial-box .item-bottom{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.trial-box .item-bottom .codebox{
	width: calc(97% - 320px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    line-height: 60px;
}
.trial-box .item-bottom .codebox .code{
	max-width: 320px;
	width: 100%;
	margin-right: 20px;
	position: relative;
}
.trial-box .item-bottom .codebox .code input{
	width: 100%;
	height: 60px;
	border:none;
	padding: 0 15px;
}
.trial-box .item-bottom .codebox .code .codebtn{
	width: 86px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.trial-box .item-bottom .codebox .tie{
	font-size: 14px;
	color: #6d6d6d;
}
.trial-box .item-bottom .btnbox{
	width: 320px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.trial-box .item-bottom .btnbox .btn{
	width: calc((100% - 20px) / 2);
	height: 60px;
	line-height: 60px;
	border-radius: 50px;
	text-align: center;
	background-color: #c6cacf;
	border:none;
	font-size: 18px;
	color: #2c395f;
	cursor: pointer;
}
.trial-box .item-bottom .btnbox .btn.tj{
	background-color: #003f98;
	color: #fff;
}
@media only screen and (max-width: 768px){
.trial-box .item-bottom{
	display: block;
}
.trial-box .item-bottom .codebox{
	width: 100%;
	margin-bottom: 3%;
}
}
@media only screen and (max-width: 414px){
.trial-box .itembox{
	display: block;
	margin-bottom: 0;
}
.trial-box .itembox .my-item{
    height: 45px;
    line-height: 45px;
}
.trial-box .itembox.type1 .my-item{
	width: 100%;
	margin-bottom: 5%;
}
.trial-box .itembox.type2 .my-item{
	margin-bottom: 5%;
}
.trial-box .itembox.type3 .my-item{
	width: 100%;
	margin-bottom: 5%;
}
.trial-box .itembox.type4 .my-item{
	width: 100%;
	margin-bottom: 5%;
}
.trial-box .itembox.type3 .my-item:nth-child(1){
	width: 100%;
}
.trial-box .item-bottom .codebox{
	display: block;
}
.trial-box .item-bottom .codebox .code{
	max-width: none;
}
.trial-box .item-bottom .codebox .tie{
	line-height: 40px;
	height: 40px;
}
.trial-box .item-bottom .btnbox .btn{
	height: 45px;
	line-height: 45px;
}
}

/* =========

    新闻资讯

 ========= */
.news-bg{
	padding-top: 50px;
	padding-bottom: 140px;
}
.news-bg .nleft{
	width: calc(97% - 350px);
	max-width: 950px;
	float: left;
}
.news-bg .nleft .nlist{
	overflow: hidden;
	margin-bottom: 36px;
	border-style: solid;
	border-width: 1px;
	border-color: transparent #d8dde4 #d8dde4 #d8dde4;
}
.news-bg .nleft .nlist .lin{
	padding: 35px 0;
	background-color: #fff;
}
.news-bg .nleft .nlist .lin .nbox{
	width: 94%;
	max-width: 880px;
	margin: 0 auto;
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.news-bg .nleft .nlist .lin .nbox .imgbox{
	    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
    width: 275px;
    margin-right: 35px;
}
.news-bg .nleft .nlist .lin .nbox .imgbox .nimg{
	padding-top: calc(150 / 275 * 100%);
}
.news-bg .nleft .nlist .lin .nbox .main{
	width: calc(100% - 310px);
	position: relative;
}
.news-bg .nleft .nlist .lin .nbox .main .title{
	display: block;
	font-size: 18px;
	color: #2c395f;
	margin-bottom: 10px;
}
.news-bg .nleft .nlist .lin .nbox .main .demo{
	font-size: 14px;
	color: #5b5c5e;
	line-height: 24px;
}
.news-bg .nleft .nlist .lin .nbox .main .time{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 16px;
	color: #019ad2;
	font-family: "ziti1";
}
.news-bg .nright{
	width: 350px;
	float: right;
	max-width: 350px;
}
.news-bg .nright .bbt{
	padding-bottom: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #183884;
	font-weight: bold;
	border-bottom: 2px solid #253241;
}
.news-bg .nright .stoplist .lis{
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #cdd4d8;
}
.news-bg .nright .stoplist .lis .sbox{
	max-width: 310px;
	width: 94%;
	margin: 0 auto;
	padding-left: 80px;
	position: relative;
}
.news-bg .nright .stoplist .lis .sbox .date{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #019ad2;	
}
.news-bg .nright .stoplist .lis .sbox .date .day{
	font-size: 26px;
	font-family: "ziti1";
}
.news-bg .nright .stoplist .lis .sbox .date .year{
	font-size: 12px;
}
.news-bg .nright .stoplist .lis .sbox .title{
	font-size: 15px;
	color: #2c395f;
	line-height: 24px;
	height: 48px;
}

@media only screen and (min-width: 601px){
.news-bg .nleft .nlist .lin:hover{
	background-color: #183884;
}
.news-bg .nleft .nlist .lin:hover .nbox .imgbox .nimg{
	padding-top: calc(150 / 275 * 100%);
	transform: scale(1.1);
}
.news-bg .nleft .nlist .lin:hover .nbox .main .title{
	color: #fff;
}
.news-bg .nleft .nlist .lin:hover .nbox .main .demo{
	color: #fff;
}
.news-bg .nright .stoplist .lis:hover{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
}
@media only screen and (max-width: 1360px){
.news-bg {
    padding-bottom: 100px;
}
}
@media only screen and (max-width: 1280px){
.news-bg {
    padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px){
.news-bg {
    padding-bottom: 60px;
}
.news-bg .nleft{
	width: 100%;
	float: none;
}
.news-bg .nright{
	display: none;
}
.news-bg .nleft .nlist .lin{
    padding: 25px 0;
}
}
@media only screen and (max-width: 414px){
.news-bg {
    padding-top: 5%;
    padding-bottom: 6%;
}
.news-bg .nleft .nlist .lin{
    padding: 5% 0;
}
.news-bg .nleft .nlist .lin .nbox{
	display: block;
}
.news-bg .nleft .nlist .lin .nbox .imgbox{
	width: 100%;
	margin-bottom: 3%;
	margin-right: 0;
}
.news-bg .nleft .nlist .lin .nbox .main{
	width: 100%;
}
.news-bg .nleft .nlist .lin .nbox .main .title{
	font-size: 16px;
}
.news-bg .nleft .nlist .lin .nbox .main .time{
	position: relative;
	font-size: 14px;
	margin-top: 5%;
}
}


/* =========

    关于视清

 ========= */
.about-bg{
	padding-top: 50px;
}
.about-bg .allpage-class{
	margin-bottom: 60px;
}
.about-bg .atheme{
    margin-bottom: 40px;
    text-align: center;
}
.about-bg .atheme .cn{
	font-size: 30px;
    color: #2c395f;
    font-weight: bold;
    margin-bottom: 3px;
}
.about-bg .atheme .en{
    font-size: 18px;
    color: rgba(44,57,95,.3);
    font-family: "ziti";
}
/*公司简介*/
.about-bg .intro-box .content{ 
	padding-bottom: 150px;
	font-size: 15px;
	color: #3c3c3c;
	line-height: 2;
}
@media only screen and (max-width: 1024px){
.about-bg {
    padding-top: 30px;
}
.about-bg .allpage-class{
	margin-bottom: 50px;
}
.about-bg .atheme .cn{
	font-size: 24px;
}
.about-bg .intro-box .content img{
	height: auto !important;
}
}
@media only screen and (max-width: 414px){
.about-bg {
    padding-top: 5%;
}
.about-bg .allpage-class{
	margin-bottom: 5%;
}
.about-bg .atheme{
	margin-bottom: 5%;
}
.about-bg .atheme .cn{
	font-size: 20px;
}
.about-bg .atheme .en{
	font-size: 16px;
}
.about-bg .intro-box .content{
	padding-bottom: 10%;
}
}

/*荣誉资质*/
.about-bg .honor-box{
	padding-bottom: 150px;
}
.about-bg .honor-box .honor-swiper{
	margin-bottom: 60px;
}
.about-bg .honor-box .honor-swiper .swiper-slide{
	max-width: 30%;
}
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox{
	padding-right: 15px;
	padding-bottom: 15px;
	position: relative;
}
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox:after{
	content: "";
	width: calc(100% - 15px);
	height: calc(100% - 15px);
	background-color: #00b0ec;
	position: absolute;
	right: 0;
	bottom: 0;
}
.about-bg .honor-box .honor-swiper .swiper-slide .imgbox .himg{
	padding-top: calc(450 / 317 * 100%);
	position: relative;
	z-index: 11;
	cursor: pointer;
}
.about-bg .honor-box .function .btn{
	width: 44px;
	height: 44px;
	background-color: #183884;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: pointer;
}
.about-bg .honor-box .function .btn.honor-prev{
	background-image: url(../images/btn_03.png);
}
.about-bg .honor-box .function .btn.honor-next{
	background-image: url(../images/btn_05.png);	
}
.about-bg .honor-box .function .honor-pagination{
	margin: 0 10px;
	height: 6px;
	white-space: nowrap;
}
.about-bg .honor-box .function .honor-pagination .swiper-pagination-bullet{
	width: 6px;
	height: 6px;
	margin: 0 10px;
	background-color: #a4a8b3;
	opacity: 1;
	transition: all .2s;
}
.about-bg .honor-box .function .honor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #183884;
}

.layui-layer.honor{
	max-width: 634px;
	max-height: 900px;
}
.layui-layer.honor .layer-himg{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
     justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
     align-items: center;
}
.layui-layer.honor .layer-himg img{
	max-width: 100%;
	max-width: 100%;
}
@media only screen and (max-width: 1024px){
.about-bg .honor-box{
	padding-bottom: 60px;
}
}
@media only screen and (max-width: 414px){
.about-bg .honor-box{
	padding-bottom: 6%;
}
.about-bg .honor-box .honor-swiper{
	margin-bottom: 6%;
}
.about-bg .honor-box .honor-swiper .swiper-slide{
	max-width: none;
}
.about-bg .honor-box .function .btn{
	width: 35px;
	height: 35px;
}
}

/*人才招聘*/
.about-bg .join-table{
	margin-bottom: 150px;
}
.about-bg .join-table .jhead{
    height: 50px;
    line-height: 50px;
    background-color: #253241;
	border-radius:5px 5px 0 0;
}
.about-bg .join-table .jhead .th{
		    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
}
.about-bg .join-table .jhead .hh{
	font-size: 16px;
	color: rgba(243,243,243,.5);
}
.about-bg .join-table .jhead .hh.h1{
	width: -webkit-calc(100% - 900px);
	width: -moz-calc(100% - 900px);
	width: calc(100% - 900px);
	padding-left: 40px;
	    -webkit-flex: 1;
    -ms-flex: 1;
   -moz-box-flex: 1;
        flex: 1;
    -webkit-box-flex: 1;
}
.about-bg .join-table .jhead .hh.h2{
	width: 180px;
	text-align: center;
}
.about-bg .join-table .jbody{
	margin-bottom: 50px;
}
.about-bg .join-table .jbody .lih{
	cursor: pointer;
	border-bottom: 1px solid #ced4dc;
}
.about-bg .join-table .jbody .lih .hword{
    height: 50px;
    line-height: 50px;	
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
}
.about-bg .join-table .jbody .lih .hword .dd{
	font-size: 14px;
	color: #2c395f;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.about-bg .join-table .jbody .lih .hword .dd.d1{
	padding-left: 40px;
	width: -webkit-calc(100% - 900px);
	width: -moz-calc(100% - 900px);
	width: calc(100% - 900px);
	    -webkit-flex: 1;
    -ms-flex: 1;
   -moz-box-flex: 1;
        flex: 1;
    -webkit-box-flex: 1;
}
.about-bg .join-table .jbody .lih .hword .dd.d2{
	width: 180px;
	text-align: center;
}
.about-bg .join-table .jbody .lih .hword .dd:last-child{
	color: #019ad2;
}

.about-bg .join-table .jbody .lih[data-on="on"] .hword{
	background-color: #003f98;
}
.about-bg .join-table .jbody .lih[data-on="on"] .hword .dd{
	color: #fff;
}

.about-bg .join-table .jbody .lih .sub{
	display: none;
	background-color: #fff;
}
.about-bg .join-table .jbody .lih .sub .content{
	font-size: 14px;
	color: #2c395f;
	line-height: 30px;
	overflow: hidden;
	padding: 30px 0;
	max-width: 1100px;
	margin: 0 auto;
	width: 94%;
}
@media only screen and (max-width: 1024px){
.about-bg .join-table{
	margin-bottom: 70px;
}
.about-bg .join-table .jhead .hh.h1{
	width: calc(100% - 750px);
}
.about-bg .join-table .jhead .hh.h2{
	width: 150px;
}
.about-bg .join-table .jbody .lih .hword .dd.d1{
	width: calc(100% - 750px);
}
.about-bg .join-table .jbody .lih .hword .dd.d2{
	width: 150px;
}
}
@media only screen and (max-width: 768px){
.about-bg .join-table .jhead .hh.none{
	display: none;
}
.about-bg .join-table .jbody .lih .hword .dd.none{
	display: none;
}
}
@media only screen and (max-width: 414px){
.about-bg .join-table{
	margin-bottom: 6%;
}
.about-bg .join-table .jhead .hh.h1{
	padding-left: 3%;
}
.about-bg .join-table .jbody .lih .hword .dd.d1{
	padding-left: 3%;
}
}

/*联系我们*/
.about-bg .contact-box .desc{
	padding-bottom: 80px;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 24px;
}
.about-bg .contact-box .mapdiv{
	position: relative;
}
.about-bg .contact-box .allmap{
	height: 700px;
}
.about-bg .contact-box .allmap img{
	max-width: none;
}
.about-bg .contact-box .mapdiv .scroll{
    width: 100px;
    height: 100px;
    position: absolute;
    right: 5%;
    top: 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/scc.png);
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 11;
    cursor: pointer;
}
.about-bg .contact-box .mapdiv .scroll.top{
	top: 80%;
	transform: rotateX(180deg);
}
@media only screen and (max-width: 1024px){
.about-bg .contact-box .desc{
	padding-bottom: 60px;
}
.about-bg .contact-box .allmap{
	height: 500px;
}
}
@media only screen and (max-width: 768px){
.about-bg .contact-box .allmap{
	height: 400px;
}
}
@media only screen and (max-width: 640px){
.about-bg .contact-box .allmap{
	height: 300px;
}
}
@media only screen and (max-width: 414px){
.about-bg .contact-box .desc{
	padding-bottom: 6%;
}
.about-bg .contact-box .allmap{
	height: 250px;
}
}

/* =========

    底部跳转

 ========= */
.inlink{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.inlink .litem{
	width: 50%;
	    -webkit-flex: 1;
    -ms-flex: 1;
   flex: 1;
    -webkit-box-flex: 1;
    height: 150px;
    background-color: #183884;
}
.inlink .litem:nth-child(2){
	background-color: #003f98;
}
.inlink .litem .inbox{
	height: 100%;
	padding-left: 140px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/lico_03.png);
}
.inlink .litem:nth-child(2) .inbox{
	background-image: url(../images/lico_06.png);
	padding-left: 115px;
}
.inlink .litem .inbox .title{
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
}
.inlink .litem .inbox .more{
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #183884;
	font-family: "ziti";
	background-color: #fff;
	border-radius: 50px;
	display: block;
	border:1px solid #183884;
}

@media only screen and (min-width: 601px){
.inlink .litem .inbox .more:hover{
	color: #fff;
	border:1px solid #fff;
	background-color: #183884;
}
}


.nothing{
	font-size: 16px;
	color: #a3a3a3;
	text-align: center;
	height: 100px;
	line-height: 100px;
	position: relative;
}
/* =========

    页脚

 ========= */
.footer{
	background-color: #fff;
}
.footer .footer-top{
	padding: 60px 0;
	border-top: 1px solid #e6e6e6;
}
.footer .footer-top .fnav-list{
	width: 890px;
	float: left;
}
.footer .footer-top .fnav-list .lif{
	float: left;
	width: calc(100% / 5);
}
.footer .footer-top .fnav-list .lif .fclass{
	font-size: 16px;
	color: #2c395f;
	margin-bottom: 15px;
	display: block;	
	font-weight: bold;
}
.footer .footer-top .fnav-list .lif .menu .mm{
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #4c4c4c;
}



.footer .footer-top .tright{
	width: -webkit-calc(100% - 890px);
	width: -moz-calc(100% - 890px);
	width: calc(100% - 890px);
	float: right;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
     justify-content: space-between;
}
.footer .footer-top .tright .codebox{
	max-width: 150px;
}
.footer .footer-top .tright .codebox .code{
	padding-top: 100%;
	position: relative;
	margin-bottom: 25px;
	border:1px solid #003f98;
}
.footer .footer-top .tright .codebox .code:before{
	content: "";
	border-style: solid;
	border-width: 10px 5px;
	border-color: #003f98 transparent transparent transparent;
	position: absolute;
	left: 30px;
	top:100%;
}
.footer .footer-top .tright .codebox .code:after{
	content: "";
	border-style: solid;
	border-width: 8px 3px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 32px;
	top:100%;
}
.footer .footer-top .tright .codebox .word{
	font-size: 14px;
	text-align: center;
	color: #003f98;
}
.footer .footer-top .tright .fdesc{
	font-size: 14px;
	color: #2c395f;
	line-height: 24px;
}
.footer .footer-bottom{
	border-top: 1px solid #ededed;
	padding: 30px 0;
	overflow: hidden;
}
.footer .footer-bottom .wrap .content{
	font-size: 13px;
	color: #7d7d7d;
	line-height: 30px;
}
@media only screen and (min-width: 601px){
.footer .footer-top .fnav-list .lif .menu .mm:hover{
	color: #2c395f;
}
}
@media only screen and (max-width: 1024px){
.footer .footer-top{
	padding: 40px 0;
}
.footer .footer-top .fnav-list{
	width: 100%;
	float: none;
	margin-bottom: 3%;
}
.footer .footer-top .tright{
	width: 100%;
	float: none;	
	display: block;
}
.footer .footer-top .tright .codebox{
	margin-bottom: 3%;
}
.footer .footer-bottom{
	padding: 20px 0;
}
}
@media only screen and (max-width: 640px){
.inlink{
display: block;
}
.inlink .litem{
	padding: 0 3%;
	width: 100%;
	-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.inlink .litem .inbox{
	width: 100%;
	-webkit-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.inlink .litem .inbox .more{
	margin-right: 0;
	margin-left: auto;
}
.footer .footer-top .fnav-list{
	display: none;
}
}
@media only screen and (max-width: 414px){
.footer .footer-top{
	padding: 5% 0;
}
.footer .footer-bottom{
	padding: 3% 0;
}
.footer .footer-bottom .wrap .content{
	line-height: 2;
}
}


/* =========

    搜索

 ========= */
.search-box{
	padding-bottom: 100px;
}
.search-box .themebox{
	background-color: #dadada;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/sousuo_02.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}
.search-box .themebox .theme{
	height: 240px;
	text-align: center;
	color: #183884;
}
.search-box .themebox .theme .cn{
	font-size: 36px;
	margin-bottom: 10px;
}
.search-box .themebox .theme .en{
	font-size: 24px;
}
.pathbox .typebox .count{
	line-height: 80px;
	position: relative;
	z-index: 11;
	font-size: 14px;
	color: #848484;
}
.pathbox .typebox .count span{
	color: #183884;
}
/*搜索时列表*/
.search-box .slist{
	padding-bottom: 20px;
}
.search-box .slist .lis{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}
.search-box .slist .lis:after{
	content: "";
	width: 0;
	height: 1px;
	background-color: #183884;
	position: absolute;
	left: 0;
	bottom: 0;
}
.search-box .slist .lis .imgbox{
	display: block;
	width:150px; 
	margin-right: 20px;
	border:1px solid #e6e6e6;
		    -webkit-flex: 1;
    -ms-flex: 1;
   -moz-box-flex: 1;
        flex: 1;
    -webkit-box-flex: 1;
}
.search-box .slist .lis .imgbox .simg{
	width: 100%;
}
.search-box .slist .lis .main{
	width: -webkit-calc(100% - 170px);
	width: -moz-calc(100% - 170px);
	width: calc(100% - 170px);
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
     align-items: center;
}
.search-box .slist .lis .main .inbox .title{
	font-size: 18px;
	color: #2e2e2e;
	margin-bottom: 10px;
	display: block;
}
.search-box .slist .lis .main .inbox .demo{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
}
.search-box .slist .lis .main .inbox .more-common{
	margin-top: 10px;
}
.search-box .slist .lis .main .inbox .more-common:after{
	background-color: #183884;
}
.search-box .slist .lis .main .inbox .more-common:after{
	background-color: #183884;
}

@media only screen and (min-width: 601px){
.search-box .slist .lis:hover:after{
	width: 100%;
}
}
@media only screen and (max-width: 1280px){
.search-box{
	padding-bottom: 80px;
}
}
@media only screen and (max-width: 1024px){
.search-box{
	padding-bottom: 60px;
}
.search-box .themebox .theme{
	height: 200px;
}
}
@media only screen and (max-width: 768px){
.search-box .themebox .theme{
	height: 180px;
}
}
@media only screen and (max-width: 414px){
.search-box{
	padding-bottom: 5%;
}
.search-box .themebox .theme .cn{
	font-size: 24px;
}
.search-box .themebox .theme .en{
	font-size: 20px;
}
.search-box .slist .lis{
	padding: 3% 0;
	    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
}
.search-box .slist .lis .imgbox{
	width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-right: 0;
    margin-bottom: 5%;
}
.search-box .slist .lis .main{
	width: 100%;
}
.pathbox .typebox .count{
	line-height: 60px;
}
}



/*工具栏*/
.kefu-box{
	position: fixed;
	right: 5px;
	top: 50%;
	margin-top: -82px;
	width: 40px;
	z-index: 555;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateX(200px);
	   -moz-transform: translateX(200px);
	    -ms-transform: translateX(200px);
	     -o-transform: translateX(200px);
	        transform: translateX(200px);
	opacity: 0;
	visibility: hidden;
}
.kefu-box.in{
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
	visibility: visible;
}
.kefu-box .kitem{
	position: relative;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	margin-bottom: 5px;
}
.kefu-box .kitem:last-child{
	border:none;
}
.kefu-box .kitem .ico{
	width: 40px;
	height: 36px;
	background-color: #183884;
	border-radius:3px;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.kefu-box .kitem.top .ico{
	background-image: url(../images/kfico_03.png);
}
.kefu-box .kitem.support .ico{
	background-image: url(../images/kfico_06.png);
}
.kefu-box .kitem.qq .ico{
	background-image: url(../images/kfico_12.png);
}
.kefu-box .kitem.wx .ico{
	background-image: url(../images/kfico_14.png);
}

.kefu-box .kitem .sub{
	position: absolute;
	right: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	width: 125px;
}
.kefu-box .kitem .sub .link{
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	background-color: #fff;
	display: block;
	line-height: 36px;
	position: relative;
	border-radius:5px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
	        box-shadow: 0 0 20px rgba(0,0,0,.1);
	        padding-left: 40px;
	        background-position: 10px;
	        background-repeat: no-repeat;
	        background-image: url(../images/kfico_08.png);
}
.kefu-box .kitem .sub .link:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -5px;
}
.kefu-box .kitem .sub .qqbox{
	border-radius:5px;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	background-color: #fff;
	margin-left: 0;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
	        box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.kefu-box .kitem .sub .qqbox:after{
	content: "";
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	left: 100%;
	top: 20px;
}
.kefu-box .kitem .sub .qq{
	width: 130px;
	margin: 0 auto;
	display: block;
	height: 50px;
	line-height: 50px;
		font-size: 14px;
	color: #3e3e3e;
	padding-left: 24px;
	font-size: 14px;
	color: #1b1b1b;
	/*background-position: left;
	background-repeat: no-repeat;
	background-image: url(../images/sddsf2_03.png);*/
	border-bottom: 1px solid #eee;
}
.kefu-box .kitem .sub .qq:last-child{
	border-bottom: none;
}

.kefu-box .kitem .sub .codebox{
	text-align: right;
}


@media only screen and (min-width: 601px){
.footer .footer-right .ftool .tt:hover .code{
	-webkit-transform: translateX(-50%) scale(1);
	   -moz-transform: translateX(-50%) scale(1);
	    -ms-transform: translateX(-50%) scale(1);
	     -o-transform: translateX(-50%) scale(1);
	        transform: translateX(-50%) scale(1);
}
.footer .footer-right .ftool .tt:hover .ico{
	-webkit-transform: scale(0.8);
	   -moz-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	     -o-transform: scale(0.8);
	        transform: scale(0.8);
}
.footer .footer-right .friend-box .sub .ff:hover{
	color: #fff;
	background-color: #26a65c;
}
.kefu-box .kitem:hover .sub{
	opacity: 1;
	visibility: visible;
}
.kefu-box .kitem .sub .tel:hover{
	color: #fff;
	background-color: #26a65c;	
}
}
@media only screen and (max-width: 1024px){
.kefu-box{
	display: none;
}
}


.colorbox{
	text-align: center;
}
.colorbox span{
	width: 16px;
	height: 16px;
	margin: 0 2px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius:50%;
}
.colorbox span.border{
	border:1px solid #c0c0c0;
}